Fix printed whereabouts list styles

ministryofjustice · Nov 6, 2018 · 7d64caa · 7d64caa
1 parent bdc0fe5
commit 7d64caa
Showing 1 changed file with 19 additions and 13 deletions.
diff --git a/src/lists.scss b/src/lists.scss
@@ -19,7 +19,7 @@
 }
 
 @mixin hideText {
-  text-indent: 100%;
+  text-indent: -9999px;
   overflow: hidden;
   height: 0;
   width: 0;
@@ -168,18 +168,24 @@ tbody > tr + td {
   }
 
   /* box */
-  .whereaboutsCheckbox [type='checkbox'] + label::before {
-    @include checkboxMixin;
-    top: 1px;
-    left: 1px;
-    width: 8px;
-    height: 8px;
-    border: 1.3px solid;
-  }
-  /* tick */
-  .whereaboutsCheckbox [type='checkbox'] + label::after {
-    @include tickMixin;
-    left: 1px;
+  .whereabouts-label {
+    @include hideText;
+
+    /* box */
+    &:before {
+      @include checkboxMixin;
+      top: 1px;
+      left: 1px;
+      width: 8px;
+      height: 8px;
+      border: 1.3px solid;
+    }
+
+    /* tick */
+    &:after {
+      @include tickMixin;
+      left: 1px;
+    }
   }
 
   .multiple-choice label {