Chore: Removed @angular/flex-layout and replaced it with tailwind.

Chore: Upgraded some packages

overlord/src/app/cash-flow/cash-flow.component.html

@@ -3,15 +3,9 @@
     <mat-card-title>Cash Flow</mat-card-title>
   </mat-card-title-group>
   <mat-card-content>
-    <form [formGroup]="form" fxLayout="column">
-      <div
-        fxLayout="row"
-        fxLayout.lt-md="column"
-        fxLayoutGap="20px"
-        fxLayoutGap.lt-md="0px"
-        fxLayoutAlign="space-around start"
-      >
-        <mat-form-field fxFlex="40">
+    <form [formGroup]="form" class="flex flex-col">
+      <div class="flex flex-row justify-around content-start items-start sm:max-lg:flex-col">
+        <mat-form-field class="flex-auto basis-2/5 mr-5">
           <input
             matInput
             [matDatepicker]="startDate"
@@ -23,7 +17,7 @@
           <mat-datepicker-toggle matSuffix [for]="startDate"></mat-datepicker-toggle>
           <mat-datepicker #startDate></mat-datepicker>
         </mat-form-field>
-        <mat-form-field fxFlex="40">
+        <mat-form-field class="flex-auto basis-2/5 mr-5">
           <input
             matInput
             [matDatepicker]="finishDate"
@@ -35,7 +29,9 @@
           <mat-datepicker-toggle matSuffix [for]="finishDate"></mat-datepicker-toggle>
           <mat-datepicker #finishDate></mat-datepicker>
         </mat-form-field>
-        <button mat-raised-button color="primary" (click)="show()" fxFlex="20">Show</button>
+        <button mat-raised-button color="primary" (click)="show()" class="flex-auto basis-1/5">
+          Show
+        </button>
       </div>
     </form>
     <mat-table #table [dataSource]="dataSource" matSort aria-label="Elements">