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

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

@@ -1,25 +1,20 @@
 <div class="flex flex-auto flex-row justify-around content-center items-center lg:max-w-[50%]">
-  <mat-card appearance="outlined" class="flex-auto">
-    <mat-card-title-group>
+  <mat-card class="flex-auto">
+    <mat-card-header>
       <mat-card-title>User</mat-card-title>
-    </mat-card-title-group>
+    </mat-card-header>
     <mat-card-content>
       <form [formGroup]="form" class="flex flex-col">
         <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>Password</mat-label>
-            <input
-              matInput
-              placeholder="Password"
-              formControlName="password"
-              [type]="hide ? 'password' : 'text'"
-            />
+            <input matInput formControlName="password" [type]="hide ? 'password' : 'text'" />
             <mat-icon matSuffix (click)="hide = !hide">{{
               hide ? 'visibility' : 'visibility_off'
             }}</mat-icon>

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

@@ -1,11 +1,13 @@
-<mat-card appearance="outlined">
-  <mat-card-title-group>
-    <mat-card-title>Users</mat-card-title>
-    <a mat-button [routerLink]="['/users', 'new']">
-      <mat-icon>add_box</mat-icon>
-      Add
-    </a>
-  </mat-card-title-group>
+<mat-card>
+  <mat-card-header>
+    <mat-card-title-group>
+      <mat-card-title>Users</mat-card-title>
+      <a mat-button [routerLink]="['/users', 'new']">
+        <mat-icon>add_box</mat-icon>
+        Add
+      </a>
+    </mat-card-title-group>
+  </mat-card-header>
   <mat-card-content>
     <mat-table #table [dataSource]="dataSource" matSort aria-label="Elements">
       <!-- Name Column -->