Chore:

Moved to sqlalchemy 2.0
Added type checking as much as possible
Updated angular to 15
Moved from Angular flex layout to tailwind css

Started developing on vscode with devcontainers

bookie/src/app/modifiers/modifier-list/modifier-list.component.html

@@ -1,27 +1,19 @@
 <mat-card>
-  <mat-card-title-group>
-    <mat-card-title>Modifiers</mat-card-title>
-    <a mat-button [routerLink]="['/modifiers', 'new']">
-      <mat-icon>add_box</mat-icon>
-      Add
-    </a>
-  </mat-card-title-group>
+  <mat-card-header>
+    <mat-card-title-group>
+      <mat-card-title>Modifiers</mat-card-title>
+      <a mat-button [routerLink]="['/modifiers', 'new']">
+        <mat-icon>add_box</mat-icon>
+        Add
+      </a>
+    </mat-card-title-group>
+  </mat-card-header>
   <mat-card-content>
-    <form [formGroup]="form" fxLayout="column">
-      <div
-        fxLayout="row"
-        fxLayoutAlign="space-around start"
-        fxLayout.lt-md="column"
-        fxLayoutGap="20px"
-        fxLayoutGap.lt-md="0px"
-      >
-        <mat-form-field fxFlex>
+    <form [formGroup]="form" class="flex flex-col">
+      <div class="flex flex-row justify-around content-start items-start">
+        <mat-form-field class="flex-auto">
           <mat-label>Modifier Category</mat-label>
-          <mat-select
-            placeholder="Modifier Category"
-            formControlName="modifierCategory"
-            (selectionChange)="filterOn($event)"
-          >
+          <mat-select formControlName="modifierCategory" (selectionChange)="filterOn($event)">
             <mat-option>-- All Categories --</mat-option>
             <mat-option *ngFor="let mc of modifierCategories" [value]="mc.id">
               {{ mc.name }}
@@ -57,7 +49,7 @@
       <!-- Price Column -->
       <ng-container matColumnDef="price">
         <mat-header-cell *matHeaderCellDef>Price</mat-header-cell>
-        <mat-cell *matCellDef="let row">{{ row.price | currency: 'INR' }}</mat-cell>
+        <mat-cell *matCellDef="let row">{{ row.price | currency : 'INR' }}</mat-cell>
       </ng-container>
 
       <!-- Modifier Category Column -->