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/sale-category/sale-category-detail/sale-category-detail.component.html

@@ -31,9 +31,7 @@
   </mat-card-content>
   <mat-card-actions>
     <button mat-raised-button color="primary" class="mr-5" (click)="save()">Save</button>
-    <button mat-raised-button color="warn" (click)="confirmDelete()" *ngIf="!!item.id">
-      Delete
-    </button>
+    <button mat-raised-button color="warn" (click)="confirmDelete()" *ngIf="!!item.id">Delete</button>
   </mat-card-actions>
 </mat-card>
 <mat-card class="flex-auto lg:max-w-[50%]">

bookie/src/app/sale-category/sale-category-list-resolver.service.spec.ts

@@ -9,10 +9,7 @@ describe('SaleCategoryListResolver', () => {
     });
   });
 
-  it('should be created', inject(
-    [SaleCategoryListResolver],
-    (service: SaleCategoryListResolver) => {
-      expect(service).toBeTruthy();
-    },
-  ));
+  it('should be created', inject([SaleCategoryListResolver], (service: SaleCategoryListResolver) => {
+    expect(service).toBeTruthy();
+  }));
 });

bookie/src/app/sale-category/sale-category-list/sale-category-list.component.html

@@ -27,9 +27,7 @@
       <!-- Tax Column -->
       <ng-container matColumnDef="tax">
         <mat-header-cell *matHeaderCellDef>Tax</mat-header-cell>
-        <mat-cell *matCellDef="let row"
-          >{{ row.tax.rate | percent : '1.2-2' }} {{ row.tax.name }}</mat-cell
-        >
+        <mat-cell *matCellDef="let row">{{ row.tax.rate | percent : '1.2-2' }} {{ row.tax.name }}</mat-cell>
       </ng-container>
 
       <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>

bookie/src/app/sale-category/sale-category.service.ts

@@ -22,9 +22,7 @@ export class SaleCategoryService {
     const getUrl: string = id === null ? url : `${url}/${id}`;
     return this.http
       .get<SaleCategory>(getUrl)
-      .pipe(
-        catchError(this.log.handleError(serviceName, `get id=${id}`)),
-      ) as Observable<SaleCategory>;
+      .pipe(catchError(this.log.handleError(serviceName, `get id=${id}`))) as Observable<SaleCategory>;
   }
 
   list(): Observable<SaleCategory[]> {