fix: make checkbox selectable via adjacent text

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