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

overlord/src/app/account/account-detail/account-detail.component.html

@@ -17,19 +17,19 @@
       <div class="flex flex-row justify-around content-start items-start">
         <mat-form-field class="flex-auto">
           <mat-label>Code</mat-label>
-          <input matInput placeholder="Code" formControlName="code" />
+          <input matInput formControlName="code" />
         </mat-form-field>
       </div>
       <div class="flex flex-row justify-around content-start items-start">
         <mat-form-field class="flex-auto">
           <mat-label>Name</mat-label>
-          <input matInput #nameElement placeholder="Name" formControlName="name" />
+          <input matInput #nameElement formControlName="name" />
         </mat-form-field>
       </div>
       <div class="flex flex-row justify-around content-start items-start">
         <mat-form-field class="flex-auto">
           <mat-label>Account Type</mat-label>
-          <mat-select placeholder="Account Type" formControlName="type">
+          <mat-select formControlName="type">
             <mat-option *ngFor="let at of accountTypes" [value]="at.id">
               {{ at.name }}
             </mat-option>
@@ -45,7 +45,7 @@
       <div class="flex flex-row justify-around content-start items-start">
         <mat-form-field class="flex-auto">
           <mat-label>Cost Centre</mat-label>
-          <mat-select placeholder="Cost Centre" formControlName="costCentre">
+          <mat-select formControlName="costCentre">
             <mat-option *ngFor="let cs of costCentres" [value]="cs.id">
               {{ cs.name }}
             </mat-option>

overlord/src/app/account/account-list/account-list.component.html

@@ -12,14 +12,8 @@
     <form [formGroup]="form" class="flex flex-col">
       <div class="flex flex-row justify-around content-start items-start">
         <mat-form-field class="flex-auto">
-          <input
-            type="text"
-            matInput
-            #filterElement
-            placeholder="Filter"
-            formControlName="filter"
-            autocomplete="off"
-          />
+          <mat-label>Filter</mat-label>
+          <input type="text" matInput #filterElement formControlName="filter" autocomplete="off" />
         </mat-form-field>
       </div>
     </form>