use <span> in <label> rather than <div> in checkbox template

SFDigitalServices · Oct 14, 2020 · 41337a3 · 41337a3
1 parent 0a1290e
commit 41337a3
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/src/templates/checkbox/form.ejs b/src/templates/checkbox/form.ejs
@@ -1,6 +1,6 @@
 <div class="form-checkbox">
   <label class="d-flex flex-items-center fs-inherit fg-inherit">
-    <div class="flex-shrink-0 flex-self-start">
+    <span class="flex-shrink-0 flex-self-start">
       <{{ ctx.input.type }}
         class="input-checkbox position-relative d-block mr-2 mb-0"
         ref="input"
@@ -10,17 +10,17 @@
         value="{{ ctx.value }}"
         {% if (ctx.checked) { %}checked{% } %}
       >
-    </div>
-    <div class="flex-auto">
+    </span>
+    <span class="flex-auto">
       <span class="label-required">
         {{ ctx.t([`${ctx.component.key}_label`, ctx.input.label]) }}
       </span>
       {% const desc = ctx.t([`${ctx.component.key}_description`, ctx.component.description]) %}
       {% if (desc) { %}
-        <div class="fg-light-slate mt-1">
+        <span class="d-block fg-light-slate small">
           {{ desc }}
-        </div>
+        </span>
       {% } %}
-    </div>
+    </span>
   </label>
 </div>