From 3626f8cb9743778085a31cff279cbf38eafaeea0 Mon Sep 17 00:00:00 2001
From: Cucumberrbob <128094686+Cucumberrbob@users.noreply.github.com>
Date: Sat, 7 Jun 2025 17:54:20 +0100
Subject: [PATCH] make `for` attributes correspond to input `id`s on labels in
 signup/login forms

---
 client/src/app/login/login.component.html | 14 +++++++--
 client/src/app/setup/setup.component.html | 35 +++++++++++++++++++----
 2 files changed, 40 insertions(+), 9 deletions(-)

diff --git a/client/src/app/login/login.component.html b/client/src/app/login/login.component.html
index 30fbfe8..7fe8ca7 100644
--- a/client/src/app/login/login.component.html
+++ b/client/src/app/login/login.component.html
@@ -7,13 +7,14 @@
           <div class="box">
             <form (ngSubmit)="login()">
               <div class="field">
-                <label for="" class="label">Username</label>
+                <label for="userName" class="label">Username</label>
                 <div class="control has-icons-left">
                   <input
                     type="text"
                     placeholder=""
                     class="input"
                     name="userName"
+                    id="userName"
                     (change)="setUserName($event)"
                     required
                   />
@@ -23,9 +24,16 @@
                 </div>
               </div>
               <div class="field">
-                <label for="" class="label" name="password">Password</label>
+                <label for="password" class="label">Password</label>
                 <div class="control has-icons-left">
-                  <input type="password" class="input" required name="password" (change)="setPassword($event)" />
+                  <input
+                    type="password"
+                    class="input"
+                    required
+                    name="password"
+                    id="password"
+                    (change)="setPassword($event)"
+                  />
                   <span class="icon is-small is-left">
                     <i class="fa fa-lock"></i>
                   </span>
diff --git a/client/src/app/setup/setup.component.html b/client/src/app/setup/setup.component.html
index 6fe95e0..e71b18f 100644
--- a/client/src/app/setup/setup.component.html
+++ b/client/src/app/setup/setup.component.html
@@ -11,18 +11,33 @@
               </div>
               <form (ngSubmit)="setup()">
                 <div class="field">
-                  <label for="" class="label">Username</label>
+                  <label for="userName" class="label">Username</label>
                   <div class="control has-icons-left">
-                    <input type="text" placeholder="" class="input" name="userName" [(ngModel)]="userName" required />
+                    <input
+                      type="text"
+                      placeholder=""
+                      class="input"
+                      name="userName"
+                      id="userName"
+                      [(ngModel)]="userName"
+                      required
+                    />
                     <span class="icon is-small is-left">
                       <i class="fa fa-envelope"></i>
                     </span>
                   </div>
                 </div>
                 <div class="field">
-                  <label for="" class="label" name="password">Password</label>
+                  <label for="password" class="label">Password</label>
                   <div class="control has-icons-left">
-                    <input type="password" class="input" required name="password" [(ngModel)]="password" />
+                    <input
+                      type="password"
+                      class="input"
+                      required
+                      name="password"
+                      id="password"
+                      [(ngModel)]="password"
+                    />
                     <span class="icon is-small is-left">
                       <i class="fa fa-lock"></i>
                     </span>
@@ -81,9 +96,17 @@
                 </div>
               </div>
               <div class="field">
-                <label for="" class="label">API Private Token</label>
+                <label for="debrid-api-token" class="label">API Private Token</label>
                 <div class="control">
-                  <input type="text" placeholder="" class="input" name="token" [(ngModel)]="token" required />
+                  <input
+                    type="text"
+                    placeholder=""
+                    class="input"
+                    name="token"
+                    id="debrid-api-token"
+                    [(ngModel)]="token"
+                    required
+                  />
                 </div>
                 @if (provider === 0) {
                   <p class="help">