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

overlord/src/app/payment/payment-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>Account</mat-label>
         <input
           type="text"
           matInput
-          placeholder="Account"
           #accountElement
           [matAutocomplete]="auto"
           formControlName="account"
@@ -29,14 +29,8 @@
       </mat-autocomplete>
       <mat-form-field class="flex-auto basis-1/3">
         <mat-label>Amount</mat-label>
-        <span matPrefix>₹ </span>
-        <input
-          type="text"
-          matInput
-          placeholder="Amount"
-          formControlName="amount"
-          autocomplete="off"
-        />
+        <input type="text" matInput formControlName="amount" autocomplete="off" />
+        <span matTextPrefix>₹&nbsp;</span>
       </mat-form-field>
     </div>
   </form>