From 5bf1039a0ec97aab4236f6c96e1e96dc0caf5e78 Mon Sep 17 00:00:00 2001
From: "bozo.kopic" <bozo@kopic.xyz>
Date: Sat, 18 Dec 2021 21:31:37 +0100
Subject: frontend update

---
 src_scss/_grid.scss | 53 -----------------------------------------------------
 src_scss/main.scss  | 15 ++++++++++-----
 2 files changed, 10 insertions(+), 58 deletions(-)
 delete mode 100644 src_scss/_grid.scss

(limited to 'src_scss')

diff --git a/src_scss/_grid.scss b/src_scss/_grid.scss
deleted file mode 100644
index 68c9cb9..0000000
--- a/src_scss/_grid.scss
+++ /dev/null
@@ -1,53 +0,0 @@
-@import 'color';
-
-
-table.grid {
-    table-layout: fixed;
-    border-spacing: 0px;
-    border: 1px solid $color-grey-400;
-
-    td:not(:last-child) {
-        border-right: 1px solid $color-grey-300;
-    }
-
-    thead tr, tfoot tr {
-        background-color: $color-grey-200;
-    }
-
-    td, th {
-        padding: 4px;
-        overflow: hidden;
-        text-overflow: ellipsis;
-    }
-
-    tbody td {
-        background-color: white;
-    }
-
-    tbody td, tfoot td {
-        border-top: 1px solid $color-grey-400;
-    }
-
-    input {
-        width: 100%;
-    }
-
-    input[type=text] {
-        position: relative;
-        border: 1px;
-        font-size: 10pt;
-        font-family: 'Roboto';
-    }
-
-    tfoot td > div {
-        display: flex;
-
-        & > .spacer {
-            flex-grow: 1;
-        }
-    }
-
-    .invalid {
-        background-color: rgba(red, 0.2);
-    }
-}
diff --git a/src_scss/main.scss b/src_scss/main.scss
index 80cb0ab..ed40ab2 100644
--- a/src_scss/main.scss
+++ b/src_scss/main.scss
@@ -36,6 +36,10 @@ body {
             background-color: $color-grey-100;
             overflow: auto;
 
+            .invalid {
+                background-color: rgba(red, 0.3);
+            }
+
             & > .header {
                 flex-shrink: 0;
                 margin: 1rem;
@@ -63,12 +67,13 @@ body {
                 }
             }
 
-            & > .group {
-                flex-shrink: 0;
-                display: flex;
-                flex-direction: column;
+            & > .form {
+                display: grid;
+                grid-template-columns: auto 1fr;
+                grid-column-gap: 0.5rem;
+                grid-row-gap: 0.3rem;
+                align-items: center;
                 margin: 1rem;
-                margin-bottom: 0;
             }
 
             & > .content {
-- 
cgit v1.2.3-70-g09d2