fix(checkbox): adds some margin to checkboxes

mozilla · Oct 15, 2018 · 7a52a69 · 7a52a69
1 parent 7c53ab7
commit 7a52a69
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/app/styles/modules/_custom-rows.scss b/app/styles/modules/_custom-rows.scss
@@ -71,7 +71,6 @@
   html[dir='rtl'] & {
     text-align: right;
   }
-
 }
 
 input[type='checkbox'] {
@@ -87,7 +86,15 @@ input[type='checkbox'] {
   cursor: pointer;
   display: inline-block;
   height: 18px;
-  margin-inline-start: 4px;
+
+  html[dir='ltr'] & {
+    margin-right: 4px;
+  }
+
+  html[dir='rtl'] & {
+    margin-left: 4px;
+  }
+
   padding: 0 !important;
   width: 18px;