NSDV-109 - styling alignment corrections

MetadataWorks · Apr 21, 2023 · 095f023 · 095f023
1 parent 9da17b8
commit 095f023
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 1 deletion.
diff --git a/ui/components/Filters/Filters.module.scss b/ui/components/Filters/Filters.module.scss
@@ -34,3 +34,22 @@
 .clear {
   clear: both;
 }
+
+.requirementLabel {
+  margin-left: -8px;
+}
+
+.requirementLabel::before {
+  margin-top: 10px !important;
+  margin-left: 4px !important;
+  height: 24px !important;
+  width: 24px !important;
+}
+
+.requirementLabel::after {
+  left: 9px !important;
+  top: 17px !important;
+  width: 9px !important;
+  height: 3.5px !important;
+  border-width: 0 0 3px 3px !important;
+}
diff --git a/ui/components/Filters/index.js b/ui/components/Filters/index.js
@@ -52,7 +52,12 @@ const CheckBox = () => {
           onChange={toggleMandated}
         />
         <label
-          className="nhsuk-label nhsuk-checkboxes__label nhsuk-u-font-size-16"
+          className={classnames(
+            'nhsuk-label',
+            'nhsuk-checkboxes__label',
+            'nhsuk-u-font-size-16',
+            styles.requirementLabel
+          )}
           htmlFor="mandated"
         >
           National requirement