checkbox styling

2020-06-17 19:23:32 +02:00
parent 3e13733eff
commit 4aa92eedb4
2 changed files with 9 additions and 7 deletions
@@ -19,11 +19,8 @@
      </div>

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

@@ -74,6 +74,11 @@ input:focus,
  background-color: #fefde5 !important;
 }

-input[type="checkbox"] {
-  vertical-align: middle; }
+.checkboxes input {
+  vertical-align: middle;
+}

+.checkboxes label span {
+  vertical-align: middle;
+  margin-left: 5px;
+}