profile form: use id and for to associate labels and inputs

filebrowser · May 3, 2024 · 891e62a · 891e62a
1 parent 4932f72
commit 891e62a
Showing 1 changed file with 6 additions and 12 deletions.
diff --git a/frontend/src/views/settings/Profile.vue b/frontend/src/views/settings/Profile.vue
@@ -8,22 +8,16 @@
 
         <div class="card-content">
           <p>
-            <label>
-              <input type="checkbox" name="hideDotfiles" v-model="hideDotfiles" />
-              {{ t("settings.hideDotfiles") }}
-            </label>
+            <input id="hideDotfiles" type="checkbox" name="hideDotfiles" v-model="hideDotfiles" />
+            <label for="hideDotfiles">{{ t("settings.hideDotfiles") }}</label>
           </p>
           <p>
-            <label>
-              <input type="checkbox" name="singleClick" v-model="singleClick" />
-              {{ t("settings.singleClick") }}
-            </label>
+            <input id="singleClick" type="checkbox" name="singleClick" v-model="singleClick" />
+            <label for="singleClick">{{ t("settings.singleClick") }}</label>
           </p>
           <p>
-            <label>
-              <input type="checkbox" name="dateFormat" v-model="dateFormat" />
-              {{ t("settings.setDateFormat") }}
-            </label>
+            <input id="dateFormat" type="checkbox" name="dateFormat" v-model="dateFormat" />
+            <label for="dateFormat">{{ t("settings.setDateFormat") }}</label>
           </p>
           <h3>{{ t("settings.language") }}</h3>
           <languages