[squash] use small checkboxes

alphagov · Dec 4, 2024 · 8631992 · 8631992
1 parent c8163fa
commit 8631992
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/app/assets/sass/components/multi-select.scss b/app/assets/sass/components/multi-select.scss
@@ -7,7 +7,6 @@
 
 .multi-select-title {
   @include govuk-font($size: 16);
-
   border: 2px solid $govuk-text-colour;
   padding: 8px 5px;
   border-radius: 0;
@@ -53,8 +52,8 @@
   z-index: 10;
   position: absolute;
   border: 2px solid $govuk-text-colour;
+  box-sizing: border-box;
   width: 100%;
-  font-size: 16px;
 
   .multi-select-close-button {
     min-height: 34px;
@@ -63,13 +62,14 @@
   }
 
   .multi-select-dropdown-inner-container {
-    padding: 10px 5px;
+    padding: 6px 14px;
     overflow-y: scroll;
     overflow-x: hidden;
 
     .govuk-checkboxes__item {
       label {
         width: 100%;
+        padding-left: 5px;
       }
     }
   }

diff --git a/app/views/includes/multi-select.njk b/app/views/includes/multi-select.njk
@@ -10,7 +10,7 @@
        id="list-of-sectors-{{ name }}"
        style="visibility:hidden;">
     <button type="button" class="govuk-button govuk-button--secondary multi-select-close-button">Close</button>
-    <div class="multi-select-dropdown-inner-container govuk-checkboxes" data-module="govuk-checkboxes">
+    <div class="multi-select-dropdown-inner-container govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
       {% for item in items %}
         <div class="govuk-checkboxes__item">
           <input class="govuk-checkboxes__input" name="{{ name }}" value="{{ item.value }}" id="{{ item.id }}"