Fix checkbox matching

Signed-off-by: Julius Härtl <jus@bitgrid.net>
2018-10-11 15:18:37 +02:00
parent 7cb5045dff
commit 2bd77fd2ce
4 changed files with 32 additions and 15 deletions
--- a/css/style.scss
+++ b/css/style.scss
@@ -1517,8 +1517,19 @@ input.input-inline {
 		display: inline-block;
 		min-height: 12px;
 	}
-	li input[type=checkbox] {
-		margin: 0px 10px 0px -20px;
+
+	li 	input[type="checkbox"].checkbox + label::before {
+		margin-left: -15px;
+
+	}
+	input[type="checkbox"].checkbox + label::before {
+		position: relative;
+		z-index: 100;
+		margin-right: 10px;
+		margin-top: 0;
+	}
+	li input[type="checkbox"].checkbox:not(:checked) + label::before {
+			background-color: $color-main-background;
 	}
 }