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
@ -47,12 +47,16 @@ code {
      color: #9baec8;
      display: block;
    }
+    
+    label.checkbox {
+      position: relative;
+	    padding-left: 25px;
+    }

    input[type=checkbox] {
-      display: inline-block;
-      position: relative;
-      top: 3px;
-      margin-right: 8px;
+	    position: absolute;
+	    left: 0;
+      top: 0;
    }
  }