Removed all mr-5, mb-5 and basis tailwind classes.

Will soon remove tailwind totally.

bookie/src/app/users/user-detail/user-detail.component.html

@@ -4,34 +4,34 @@
   </mat-card-header>
   <mat-card-content>
     <form [formGroup]="form" class="flex flex-col">
-      <div class="flex flex-row justify-around content-start items-start">
+      <div class="row-container">
         <mat-form-field class="flex-auto">
           <mat-label>Name</mat-label>
           <input matInput #nameElement formControlName="name" />
         </mat-form-field>
       </div>
-      <div class="flex flex-row justify-around content-start items-start">
+      <div class="row-container">
         <mat-form-field class="flex-auto">
           <mat-label>Password</mat-label>
           <input matInput formControlName="password" [type]="hide ? 'password' : 'text'" />
           <mat-icon matSuffix (click)="hide = !hide">{{ hide ? 'visibility' : 'visibility_off' }}</mat-icon>
         </mat-form-field>
       </div>
-      <div class="flex flex-row justify-around content-start items-start">
+      <div class="row-container">
         <mat-checkbox formControlName="lockedOut">Is Locked Out?</mat-checkbox>
       </div>
       <mat-divider></mat-divider>
       <div formArrayName="roles">
         @for (r of item.roles; track r; let i = $index) {
-          <div [formGroupName]="i" class="flex flex-row justify-around content-start items-start">
+          <div [formGroupName]="i" class="row-container">
             <mat-checkbox formControlName="role" class="flex-auto">{{ r.name }}</mat-checkbox>
           </div>
         }
       </div>
     </form>
   </mat-card-content>
-  <mat-card-actions>
-    <button mat-raised-button color="primary" class="mr-5" (click)="save()">Save</button>
+  <mat-card-actions class="row-container">
+    <button mat-raised-button color="primary" class="" (click)="save()">Save</button>
     <button mat-raised-button color="warn" (click)="confirmDelete()">Delete</button>
   </mat-card-actions>
 </mat-card>