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

@@ -1,3 +1,4 @@
+<h2 mat-dialog-title>Pax</h2>
 <mat-dialog-content>
   <form [formGroup]="form">
     <div class="flex flex-row justify-around content-start items-start">

bookie/src/app/sales/pax/pax.component.ts

@@ -12,10 +12,7 @@ export class PaxComponent implements OnInit {
     pax: FormControl<number>;
   }>;
 
-  constructor(
-    public dialogRef: MatDialogRef<PaxComponent>,
-    @Inject(MAT_DIALOG_DATA) public data: number,
-  ) {
+  constructor(public dialogRef: MatDialogRef<PaxComponent>, @Inject(MAT_DIALOG_DATA) public data: number) {
     // Create form
     this.form = new FormGroup({
       pax: new FormControl<number>(0, { nonNullable: true }),