Simple Managment webapp [LLM]

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

@@ -2,7 +2,6 @@
   <nz-card class="login-card">
     <div class="login-header">
       <h1>SimpleCloudNotifier</h1>
-      <p>Sign in to manage your notifications</p>
     </div>
 
     @if (error()) {
@@ -14,10 +13,10 @@
       ></nz-alert>
     }
 
-    <form (ngSubmit)="login()">
+    <form nz-form nzLayout="horizontal" (ngSubmit)="login()">
       <nz-form-item>
-        <nz-form-label>User ID</nz-form-label>
-        <nz-form-control>
+        <nz-form-label [nzSpan]="7">User ID</nz-form-label>
+        <nz-form-control [nzSpan]="17">
           <nz-input-group nzPrefixIcon="user">
             <input
               type="text"
@@ -32,8 +31,8 @@
       </nz-form-item>
 
       <nz-form-item>
-        <nz-form-label>Admin Key</nz-form-label>
-        <nz-form-control>
+        <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'"
@@ -69,7 +68,7 @@
     </form>
 
     <div class="login-footer">
-      <p>You need an admin key (with "A" permission) to access the dashboard.</p>
+      <p>You need an admin key to access the dashboard.</p>
     </div>
   </nz-card>
 </div>