From 2b9a59f5e54bc6392040458327f4df9a49478a2a Mon Sep 17 00:00:00 2001
From: Zauberfisch <zauberfisch@zauberfisch.at>
Date: Mon, 25 Jan 2021 01:00:32 +0100
Subject: [PATCH] fixed minor checkbox css bug

---
 css/ArrayListField.scss.css | 13 +++++++++----
 scss/ArrayListField.scss    | 14 +++++++++++++-
 2 files changed, 22 insertions(+), 5 deletions(-)

diff --git a/css/ArrayListField.scss.css b/css/ArrayListField.scss.css
index ae0c969..8befb81 100644
--- a/css/ArrayListField.scss.css
+++ b/css/ArrayListField.scss.css
@@ -50,8 +50,7 @@
       .zauberfisch\\SerializedDataObject\\Form\\ArrayListField > .middleColumn > div > div > div.record-list > div > .record > div > .controls > .form__fieldgroup .orderable-up:hover, .zauberfisch\\SerializedDataObject\\Form\\ArrayListField > .middleColumn > div > div > div.record-list > div > .record > div > .controls > .form__fieldgroup .orderable-down:hover, .zauberfisch\\SerializedDataObject\\Form\\ArrayListField > .middleColumn > div > div > div.record-list > div > .record > div > .controls > .form__fieldgroup .delete-record:hover {
         background: transparent;
         opacity: .6; }
-  .zauberfisch\\SerializedDataObject\\Form\\ArrayListField > .middleColumn > div > div > div.record-list > div > .record:first-child > div > .controls > .form__fieldgroup .orderable-up,
-  .zauberfisch\\SerializedDataObject\\Form\\ArrayListField > .middleColumn > div > div > div.record-list > div > .record:last-child > div > .controls > .form__fieldgroup .orderable-down {
+  .zauberfisch\\SerializedDataObject\\Form\\ArrayListField > .middleColumn > div > div > div.record-list > div > .record:first-child > div > .controls > .form__fieldgroup .orderable-up, .zauberfisch\\SerializedDataObject\\Form\\ArrayListField > .middleColumn > div > div > div.record-list > div > .record:last-child > div > .controls > .form__fieldgroup .orderable-down {
     cursor: default;
     opacity: .4 !important; }
 
@@ -67,16 +66,22 @@
   flex: none !important; }
   .zauberfisch\\SerializedDataObject\\Form\\ArrayListField.layout-default > .middleColumn > div > div > div.record-list {
     border-radius: 3px;
-    border: 1px solid #CDCCD0;
+    border: 1px solid #cdccd0;
     background: rgba(0, 0, 0, 0.05);
     margin: 0 0 10px !important; }
     .zauberfisch\\SerializedDataObject\\Form\\ArrayListField.layout-default > .middleColumn > div > div > div.record-list > div > .record {
       padding: 15px 10px 10px !important;
-      border-bottom: 1px solid #CDCCD0; }
+      border-bottom: 1px solid #cdccd0; }
       .zauberfisch\\SerializedDataObject\\Form\\ArrayListField.layout-default > .middleColumn > div > div > div.record-list > div > .record:last-child {
         border-bottom: 0; }
       .zauberfisch\\SerializedDataObject\\Form\\ArrayListField.layout-default > .middleColumn > div > div > div.record-list > div > .record.pre-delete {
         background: rgba(255, 0, 0, 0.05); }
+      .zauberfisch\\SerializedDataObject\\Form\\ArrayListField.layout-default > .middleColumn > div > div > div.record-list > div > .record .fieldgroup div.field.checkbox {
+        padding: 0 0 10px; }
+        .zauberfisch\\SerializedDataObject\\Form\\ArrayListField.layout-default > .middleColumn > div > div > div.record-list > div > .record .fieldgroup div.field.checkbox input {
+          position: static;
+          margin: 0;
+          vertical-align: top; }
       .zauberfisch\\SerializedDataObject\\Form\\ArrayListField.layout-default > .middleColumn > div > div > div.record-list > div > .record > div > .controls {
         position: absolute;
         right: 0;
diff --git a/scss/ArrayListField.scss b/scss/ArrayListField.scss
index 8ce35e7..e95909f 100644
--- a/scss/ArrayListField.scss
+++ b/scss/ArrayListField.scss
@@ -112,7 +112,19 @@
 					&.pre-delete {
 						background: rgba(red, .05);
 					}
-					
+
+					.fieldgroup {
+						div.field.checkbox {
+							padding: 0 0 10px;
+
+							input {
+								position: static;
+								margin: 0;
+								vertical-align: top;
+							}
+						}
+					}
+
 					> div > .controls {
 						position: absolute;
 						right: 0;