From 4aa92eedb4d096dc1c8a55cfdc47b15345bdf164 Mon Sep 17 00:00:00 2001
From: Joerg Lehmann <joerg.lehmann@nbit.ch>
Date: Wed, 17 Jun 2020 19:23:32 +0200
Subject: [PATCH] checkbox styling

---
 snippets/scales.html                  | 7 ++-----
 static/css/mini-beieli-web-custom.css | 9 +++++++--
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/snippets/scales.html b/snippets/scales.html
index 7017b65..ec3c798 100644
--- a/snippets/scales.html
+++ b/snippets/scales.html
@@ -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>
 
diff --git a/static/css/mini-beieli-web-custom.css b/static/css/mini-beieli-web-custom.css
index da635b7..5608e38 100644
--- a/static/css/mini-beieli-web-custom.css
+++ b/static/css/mini-beieli-web-custom.css
@@ -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;
+}