From 0e282b4c6e1750ffc1f54ad9d049f3109e2ba970 Mon Sep 17 00:00:00 2001
From: Gesina Schwalbe <gesina.schwalbe@pheerai.de>
Date: Fri, 1 Jan 2021 21:21:22 +0100
Subject: [PATCH] some minor improvements to side-properties style

- checkboxes now properly left-aligned
- adaptive width of side-properties: take minimum width now
- side properties are aligned now in any case (each is a grid)
---
 src/scss/components/_description.scss | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/scss/components/_description.scss b/src/scss/components/_description.scss
index 5f507f7f..71028e1b 100644
--- a/src/scss/components/_description.scss
+++ b/src/scss/components/_description.scss
@@ -1,16 +1,18 @@
 .side-properties {
-    flex: 0 0 50%;
+    flex: 0;
+    min-width: fit-content;
+    max-width: 50%;
     margin: 5px 5px 5px 0;
     padding-right: 5px;
     border-right: 2px groove $c-border-groove;
 
     .side-property {
         margin: 2px 0;
-        display: flex;
-        flex-direction: row;
+        display: grid;
+        grid-template-columns: 40% auto;
+        justify-content: left;
 
         label {
-            flex: 1;
             line-height: 26px;
             font-weight: bold;
         }
@@ -18,9 +20,14 @@
         input,
         select {
             text-align: left;
-            flex: 1.5 1.5 0px;
             width: calc(100% - 2px);
         }
+
+        input[type="checkbox"] {
+            width: auto;
+            height: 100%;
+            margin: 0px;
+        }
     }
 }