Chore: Moved from css to sass, god knows what to do now.

Chore: Prettier line length changed to 120 from 100
Fix: Hard coded the face as the primary color to make the buttons stand out

bookie/src/app/users/user-detail/user-detail.component.html

@@ -14,9 +14,7 @@
         <mat-form-field class="flex-auto">
           <mat-label>Password</mat-label>
           <input matInput formControlName="password" [type]="hide ? 'password' : 'text'" />
-          <mat-icon matSuffix (click)="hide = !hide">{{
-            hide ? 'visibility' : 'visibility_off'
-          }}</mat-icon>
+          <mat-icon matSuffix (click)="hide = !hide">{{ hide ? 'visibility' : 'visibility_off' }}</mat-icon>
         </mat-form-field>
       </div>
       <div class="flex flex-row justify-around content-start items-start">

bookie/src/app/users/user-list/user-list.component.html

@@ -38,8 +38,7 @@
       <ng-container matColumnDef="last">
         <mat-header-cell *matHeaderCellDef>Last Login</mat-header-cell>
         <mat-cell *matCellDef="let row"
-          >{{ row.lastDevice }} @
-          {{ row.lastDate ? (row.lastDate | localTime) : 'Never' }}</mat-cell
+          >{{ row.lastDevice }} @ {{ row.lastDate ? (row.lastDate | localTime) : 'Never' }}</mat-cell
         >
       </ng-container>