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/auth/auth-guard.service.ts

@@ -7,11 +7,7 @@ import { AuthService } from './auth.service';
 
 @Injectable({ providedIn: 'root' })
 export class AuthGuard implements CanActivate {
-  constructor(
-    private router: Router,
-    private authService: AuthService,
-    private toaster: ToasterService,
-  ) {}
+  constructor(private router: Router, private authService: AuthService, private toaster: ToasterService) {}
 
   canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) {
     const { user } = this.authService;

bookie/src/app/auth/login/login.component.html

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