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/tables/table-detail/table-detail.component.html

@@ -33,8 +33,6 @@
   </mat-card-content>
   <mat-card-actions>
     <button mat-raised-button (click)="save()" class="mr-5" color="primary">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>

bookie/src/app/tables/table-list/table-list.component.html

@@ -45,11 +45,7 @@
       </ng-container>
 
       <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
-      <mat-row
-        *matRowDef="let row; columns: displayedColumns"
-        cdkDrag
-        [cdkDragData]="row"
-      ></mat-row>
+      <mat-row *matRowDef="let row; columns: displayedColumns" cdkDrag [cdkDragData]="row"></mat-row>
     </mat-table>
   </mat-card-content>
 </mat-card>

bookie/src/app/tables/table.service.ts

@@ -52,9 +52,7 @@ export class TableService {
   updateSortOrder(list: Table[]): Observable<boolean> {
     return this.http
       .post<Table[]>(`${url}/list`, list, httpOptions)
-      .pipe(
-        catchError(this.log.handleError(serviceName, 'updateSortOrder')),
-      ) as Observable<boolean>;
+      .pipe(catchError(this.log.handleError(serviceName, 'updateSortOrder'))) as Observable<boolean>;
   }
 
   saveOrUpdate(tables: Table): Observable<Table> {