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/settings/settings.component.html

@@ -2,11 +2,7 @@
   <mat-tab label="Prefill Customer Discount">
     <mat-card>
       <mat-card-content>
-        <mat-slide-toggle
-          (click)="togglePrefill()"
-          class="flex-auto"
-          [checked]="prefillCustomerDiscount"
-        >
+        <mat-slide-toggle (click)="togglePrefill()" class="flex-auto" [checked]="prefillCustomerDiscount">
           Prefill the customer discount
         </mat-slide-toggle>
       </mat-card-content>

bookie/src/app/settings/settings.module.ts

@@ -7,12 +7,7 @@ import { MatAutocompleteModule } from '@angular/material/autocomplete';
 import { MatButtonModule } from '@angular/material/button';
 import { MatCardModule } from '@angular/material/card';
 import { MatCheckboxModule } from '@angular/material/checkbox';
-import {
-  DateAdapter,
-  MAT_DATE_FORMATS,
-  MAT_DATE_LOCALE,
-  MatNativeDateModule,
-} from '@angular/material/core';
+import { DateAdapter, MAT_DATE_FORMATS, MAT_DATE_LOCALE, MatNativeDateModule } from '@angular/material/core';
 import { MatDatepickerModule } from '@angular/material/datepicker';
 import { MatDialogModule } from '@angular/material/dialog';
 import { MatFormFieldModule } from '@angular/material/form-field';

bookie/src/app/settings/settings.service.ts

@@ -27,12 +27,7 @@ export class SettingsService {
     ) as Observable<boolean>;
   }
 
-  runMaintenance(
-    startDate: string,
-    finishDate: string,
-    beerFile: File,
-    saleFile: File,
-  ): Observable<boolean> {
+  runMaintenance(startDate: string, finishDate: string, beerFile: File, saleFile: File): Observable<boolean> {
     const options = { params: new HttpParams().set('s', startDate).set('f', finishDate) };
     const url = '/api/maintenance';
     const fd = new FormData();