Removed all Material Cards

Removed Tailwind
Moved to scss
Moved to material theme 3

overlord/src/app/payment/payment-dialog.component.html

@@ -1,8 +1,8 @@
 <h1 mat-dialog-title>Edit Payment Entry</h1>
 <div mat-dialog-content>
   <form [formGroup]="form">
-    <div class="flex flex-row justify-around content-start items-start sm:max-lg:flex-col">
-      <mat-form-field class="flex-auto basis-2/3 mr-5">
+    <div class="row-container">
+      <mat-form-field class="flex-auto basis-2-3">
         <mat-label>Account</mat-label>
         <input
           type="text"
@@ -29,7 +29,7 @@
           <mat-option [value]="account">{{ account.name }}</mat-option>
         }
       </mat-autocomplete>
-      <mat-form-field class="flex-auto basis-1/3">
+      <mat-form-field class="flex-auto basis-1-3">
         <mat-label>Amount</mat-label>
         <input type="text" matInput formControlName="amount" autocomplete="off" />
         <span matTextPrefix>₹&nbsp;</span>
@@ -38,6 +38,6 @@
   </form>
 </div>
 <div mat-dialog-actions>
-  <button mat-raised-button color="warn" [mat-dialog-close]="false" cdkFocusInitial class="mr-5">Cancel</button>
+  <button mat-raised-button color="warn" [mat-dialog-close]="false" cdkFocusInitial class="">Cancel</button>
   <button mat-raised-button color="primary" (click)="accept()">Ok</button>
 </div>