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

Chore: Upgraded some packages

overlord/src/app/entries/entries.component.html

@@ -2,15 +2,9 @@
   <mat-card-title-group>
     <mat-card-title>Entries</mat-card-title>
   </mat-card-title-group>
-  <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"
@@ -21,7 +15,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"
@@ -32,24 +26,22 @@
         <mat-datepicker-toggle matSuffix [for]="finishDate"></mat-datepicker-toggle>
         <mat-datepicker #finishDate></mat-datepicker>
       </mat-form-field>
-      <button mat-raised-button (click)="refresh()" fxFlex="20%">
+      <button mat-raised-button (click)="refresh()" class="flex-auto basis-1/5">
         <mat-icon>refresh</mat-icon>Refresh
       </button>
     </div>
-    <div
-      fxLayout="row"
-      fxLayout.lt-md="column"
-      fxLayoutGap="20px"
-      fxLayoutGap.lt-md="0px"
-      fxLayoutAlign="space-around start"
-    >
-      <mat-radio-group fxFlex="40%" formControlName="posted" (change)="togglePosted($event)">
+    <div class="flex flex-row justify-around content-start items-start sm:max-lg:flex-col">
+      <mat-radio-group
+        class="flex-auto basis-2/5 mr-5"
+        formControlName="posted"
+        (change)="togglePosted($event)"
+      >
         <mat-radio-button class="my-margin" [value]="true"> Posted </mat-radio-button>
         <mat-radio-button class="my-margin" [value]="false"> Not Posted </mat-radio-button>
         <mat-radio-button class="my-margin" [value]="null"> All </mat-radio-button>
       </mat-radio-group>
       <mat-checkbox
-        fxFlex="40%"
+        class="flex-auto basis-2/5"
         formControlName="issue"
         class="my-margin"
         [checked]="issue"

overlord/src/app/entries/entries.module.ts

@@ -2,7 +2,6 @@ import { A11yModule } from '@angular/cdk/a11y';
 import { CdkTableModule } from '@angular/cdk/table';
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
-import { FlexLayoutModule } from '@angular/flex-layout';
 import { ReactiveFormsModule } from '@angular/forms';
 import { MomentDateAdapter } from '@angular/material-moment-adapter';
 import { MatButtonModule } from '@angular/material/button';
@@ -62,7 +61,6 @@ export const MY_FORMATS = {
     MatExpansionModule,
     MatDatepickerModule,
     ReactiveFormsModule,
-    FlexLayoutModule,
   ],
   declarations: [EntriesComponent],
   providers: [