checkbox styling

snippets/scales.html

@@ -19,11 +19,8 @@
       </div>
 
       <div class="field">
-        <div class="control">
+        <div class="control checkboxes">
-        <label class="checkbox">
+          <label for="checkbox" class="checkbox"><input id="checkbox" type="checkbox" /><span> SMS Alarmierung aktiv</span></label>
-          <input id="checkbox" type="checkbox">
-          SMS Alarmierung aktiv
-        </label>
         </div>
       </div>
 

static/css/mini-beieli-web-custom.css

@@ -74,6 +74,11 @@ input:focus,
   background-color: #fefde5 !important;
 }
 
-input[type="checkbox"] {
+.checkboxes input {
-  vertical-align: middle; }
+  vertical-align: middle;
+}
 
+.checkboxes label span {
+  vertical-align: middle;
+  margin-left: 5px;
+}