Chore: Updated mat inputs to better match the style guide. Removed placeholders in favour of labels.

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

@@ -3,10 +3,10 @@
   <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">
+        <mat-label>Product</mat-label>
         <input
           type="text"
           matInput
-          placeholder="Product"
           #batchElement
           [matAutocomplete]="autoB"
           formControlName="batch"
@@ -25,13 +25,7 @@
       </mat-form-field>
       <mat-form-field class="flex-auto basis-1/3">
         <mat-label>Quantity</mat-label>
-        <input
-          type="text"
-          matInput
-          placeholder="Quantity"
-          formControlName="quantity"
-          autocomplete="off"
-        />
+        <input type="text" matInput formControlName="quantity" autocomplete="off" />
       </mat-form-field>
     </div>
   </form>

overlord/src/app/issue/issue.component.html

@@ -6,10 +6,10 @@
     <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-[28%] mr-5">
+          <mat-label>Date</mat-label>
           <input
             matInput
             [matDatepicker]="date"
-            placeholder="Date"
             formControlName="date"
             autocomplete="off"
             #dateElement
@@ -34,8 +34,8 @@
         </mat-form-field>
         <mat-form-field class="flex-auto basis-[16%]">
           <mat-label>Amount</mat-label>
-          <span matPrefix>₹ </span>
           <input type="text" matInput formControlName="amount" />
+          <span matTextPrefix>₹&nbsp;</span>
         </mat-form-field>
       </div>
 
@@ -44,10 +44,10 @@
         class="flex flex-row justify-around content-start items-start sm:max-lg:flex-col"
       >
         <mat-form-field class="flex-auto basis-[55%] mr-5">
+          <mat-label>Product</mat-label>
           <input
             type="text"
             matInput
-            placeholder="Product"
             #batchElement
             [matAutocomplete]="autoB"
             formControlName="batch"
@@ -66,13 +66,7 @@
         </mat-form-field>
         <mat-form-field class="flex-auto basis-1/4 mr-5">
           <mat-label>Quantity</mat-label>
-          <input
-            type="text"
-            matInput
-            placeholder="Quantity"
-            formControlName="quantity"
-            autocomplete="off"
-          />
+          <input type="text" matInput formControlName="quantity" autocomplete="off" />
         </mat-form-field>
 
         <button mat-raised-button color="primary" (click)="addRow()" class="flex-auto basis-2/5">
@@ -132,12 +126,7 @@
       </mat-table>
       <mat-form-field>
         <mat-label>Narration</mat-label>
-        <textarea
-          matInput
-          matAutosizeMinRows="5"
-          placeholder="Narration"
-          formControlName="narration"
-        ></textarea>
+        <textarea matInput matAutosizeMinRows="5" formControlName="narration"></textarea>
       </mat-form-field>
     </form>
   </mat-card-content>
@@ -165,7 +154,9 @@
       >. {{ voucher.poster ? 'Posted by ' + voucher.poster : '' }}
     </span>
   </mat-card-actions>
-  <mat-card-title>Other issues for the day</mat-card-title>
+  <mat-card-header>
+    <mat-card-title>Other issues for the day</mat-card-title>
+  </mat-card-header>
   <mat-card-footer>
     <mat-table #table [dataSource]="gridDataSource" matSort aria-label="Elements">
       <!-- Source Column -->