Chore: Upgraded to angular 15

Chore: Moved from angular/flex-layout to Tailwind
Chore: Upgrade completed

overlord/src/app/product-group/product-group-detail/product-group-detail.component.html

@@ -1,26 +1,24 @@
-<div class="flex flex-auto flex-row justify-around content-center items-center lg:max-w-[50%]">
-  <mat-card class="flex-auto">
-    <mat-card-title-group>
-      <mat-card-title>Product Group</mat-card-title>
-    </mat-card-title-group>
-    <mat-card-content>
-      <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>Name</mat-label>
-            <input
-              matInput
-              #nameElement
-              placeholder="Name"
-              formControlName="name"
-              (keyup.enter)="save()"
-            />
-          </mat-form-field>
-        </div>
-      </form>
-    </mat-card-content>
-    <mat-card-actions>
-      <button mat-raised-button (click)="save()" color="primary">Save</button>
-    </mat-card-actions>
-  </mat-card>
-</div>
+<mat-card class="lg:max-w-[50%]">
+  <mat-card-title-group>
+    <mat-card-title>Product Group</mat-card-title>
+  </mat-card-title-group>
+  <mat-card-content>
+    <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>Name</mat-label>
+          <input
+            matInput
+            #nameElement
+            placeholder="Name"
+            formControlName="name"
+            (keyup.enter)="save()"
+          />
+        </mat-form-field>
+      </div>
+    </form>
+  </mat-card-content>
+  <mat-card-actions>
+    <button mat-raised-button (click)="save()" color="primary">Save</button>
+  </mat-card-actions>
+</mat-card>

overlord/src/app/product-group/product-group-list/product-group-list.component.html

@@ -1,11 +1,13 @@
 <mat-card>
-  <mat-card-title-group>
-    <mat-card-title>Product Groups</mat-card-title>
-    <a mat-button [routerLink]="['/product-groups', 'new']">
-      <mat-icon>add_box</mat-icon>
-      Add
-    </a>
-  </mat-card-title-group>
+  <mat-card-header>
+    <mat-card-title-group>
+      <mat-card-title>Product Groups</mat-card-title>
+      <a mat-button [routerLink]="['/product-groups', 'new']">
+        <mat-icon>add_box</mat-icon>
+        Add
+      </a>
+    </mat-card-title-group>
+  </mat-card-header>
   <mat-card-content>
     <mat-table #table [dataSource]="dataSource" matSort aria-label="Elements">
       <!-- Name Column -->