Checkboxes label adjustement

When the label of a checkbox is more than one line long, avoid unalignment.
2016-11-23 16:26:53 +01:00 · 2016-11-23 16:26:53 +01:00 · c1aab76da4
parent 50bec5b999
commit c1aab76da4
1 changed files with 8 additions and 4 deletions
--- a/app/assets/stylesheets/forms.scss
+++ b/app/assets/stylesheets/forms.scss
@ -48,11 +48,15 @@ code {
      display: block;
    }
    
-    input[type=checkbox] {
-      display: inline-block;
+    label.checkbox {
      position: relative;
-      top: 3px;
-      margin-right: 8px;
+	    padding-left: 25px;
+    }
+
+    input[type=checkbox] {
+	    position: absolute;
+	    left: 0;
+      top: 0;
    }
  }