Fix mutually exclusive checkbox width and positioning (#422)

ONSdigital · Jun 13, 2019 · c220867 · c220867
1 parent 5c215ff
commit c220867
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/field/_field.scss b/src/components/field/_field.scss
@@ -7,6 +7,7 @@
   }
 
   &__label {
+    display: block;
     margin-bottom: 0.5rem;
   }
 

diff --git a/src/components/field/_macro.njk b/src/components/field/_macro.njk
@@ -2,9 +2,8 @@
     {% set mutuallyExclusive %}
         {% if params.mutuallyExclusive %}
             {% from "components/checkboxes/_checkbox-macro.njk" import onsCheckbox %}
-            <br>
-            <p class="field__item">
-                <div class="field__label u-fs-r--b" aria-hidden="true">{{ params.mutuallyExclusive.or }}</div>
+            <p class="field__item u-mt-s">
+                <span class="field__label u-fs-r--b" aria-hidden="true">{{ params.mutuallyExclusive.or }}</span>
                 {{
                     onsCheckbox({
                         "id": params.mutuallyExclusive.checkbox.id,
-Original file line number
+Diff line change
@@ Expand Up / @@ -7,6 +7,7 @@ @@
       }
       &__label {
+        display: block;
         margin-bottom: 0.5rem;
       }
@@ Expand Down @@