More webapp changes+fixes

webapp/src/app/features/auth/login/login.component.html

@@ -14,59 +14,37 @@
       ></nz-alert>
     }
 
-    <form nz-form nzLayout="horizontal" (ngSubmit)="login()">
-      <nz-form-item>
-        <nz-form-label [nzSpan]="7">User ID</nz-form-label>
-        <nz-form-control [nzSpan]="17">
-          <nz-input-group nzPrefixIcon="user">
-            <input
-              type="text"
-              nz-input
-              placeholder="Enter your User ID"
-              [(ngModel)]="userId"
-              name="userId"
-              [disabled]="loading()"
-            />
-          </nz-input-group>
-        </nz-form-control>
-      </nz-form-item>
+    <div class="login-form">
+      <label for="userId">User ID</label>
+      <input
+        id="userId"
+        type="text"
+        nz-input
+        placeholder="Enter your User ID"
+        [(ngModel)]="userId"
+        [disabled]="loading()"
+      />
 
-      <nz-form-item>
-        <nz-form-label [nzSpan]="7">Admin Key</nz-form-label>
-        <nz-form-control [nzSpan]="17">
-          <nz-input-group nzPrefixIcon="key" [nzSuffix]="keySuffix">
-            <input
-              [type]="showKey() ? 'text' : 'password'"
-              nz-input
-              placeholder="Enter your Admin Key"
-              [(ngModel)]="adminKey"
-              name="adminKey"
-              [disabled]="loading()"
-            />
-          </nz-input-group>
-          <ng-template #keySuffix>
-            <span
-              nz-icon
-              [nzType]="showKey() ? 'eye' : 'eye-invisible'"
-              class="key-toggle"
-              (click)="toggleShowKey()"
-            ></span>
-          </ng-template>
-        </nz-form-control>
-      </nz-form-item>
+      <label for="adminKey">Admin Key</label>
+      <input
+        id="adminKey"
+        type="text"
+        nz-input
+        placeholder="Enter your Admin Key"
+        [(ngModel)]="adminKey"
+        [disabled]="loading()"
+      />
+    </div>
 
-      <nz-form-item class="mb-0">
-        <button
-          nz-button
-          nzType="primary"
-          nzBlock
-          type="submit"
-          [nzLoading]="loading()"
-        >
-          Sign In
-        </button>
-      </nz-form-item>
-    </form>
+    <button
+      nz-button
+      nzType="primary"
+      nzBlock
+      [nzLoading]="loading()"
+      (click)="login()"
+    >
+      Sign In
+    </button>
 
     <div class="login-footer">
       <p>You need an admin key to access.</p>