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

@@ -49,9 +49,7 @@
             </mat-option>
           </mat-select>
         </mat-form-field>
-        <button mat-raised-button class="flex-auto basis-1/5" color="primary" (click)="show()">
-          Show
-        </button>
+        <button mat-raised-button class="flex-auto basis-1/5" color="primary" (click)="show()">Show</button>
       </div>
     </form>
     <mat-table #table [dataSource]="dataSource" aria-label="Elements">

bookie/src/app/cashier-report/cashier-report.component.ts

@@ -73,16 +73,14 @@ export class CashierReportComponent implements OnInit {
   }
 
   print() {
-    this.ser
-      .print(this.info.cashier.id as string, this.info.startDate, this.info.finishDate)
-      .subscribe(
-        () => {
-          this.toaster.show('', 'Successfully Printed');
-        },
-        (error) => {
-          this.toaster.show('Error', error);
-        },
-      );
+    this.ser.print(this.info.cashier.id as string, this.info.startDate, this.info.finishDate).subscribe(
+      () => {
+        this.toaster.show('', 'Successfully Printed');
+      },
+      (error) => {
+        this.toaster.show('Error', error);
+      },
+    );
   }
 
   getInfo(): CashierReport {

bookie/src/app/cashier-report/cashier-report.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 { MatFormFieldModule } from '@angular/material/form-field';
 import { MatIconModule } from '@angular/material/icon';

bookie/src/app/cashier-report/cashier-report.service.ts

@@ -17,11 +17,7 @@ const serviceName = 'CashierReportService';
 export class CashierReportService {
   constructor(private http: HttpClient, private log: ErrorLoggerService) {}
 
-  list(
-    id: string | null,
-    startDate: string | null,
-    finishDate: string | null,
-  ): Observable<CashierReport> {
+  list(id: string | null, startDate: string | null, finishDate: string | null): Observable<CashierReport> {
     const listUrl = id === null ? url : `${url}/${id}`;
     const options = { params: new HttpParams() };
     if (startDate !== null) {