From 06449eb3755426acfd61f873ebf77d81f835ea35 Mon Sep 17 00:00:00 2001
From: Sebastian Zoglowek <55794780+zoglo@users.noreply.github.com>
Date: Thu, 28 Mar 2024 12:26:08 +0100
Subject: [PATCH] Rewrite main column layout

- add a row-gap to fix spacing issues wit above and below
- use gaps instead of calc
---
 public/framework/scss/ctm_layout/_layout.scss | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/public/framework/scss/ctm_layout/_layout.scss b/public/framework/scss/ctm_layout/_layout.scss
index a34ef92..e801877 100644
--- a/public/framework/scss/ctm_layout/_layout.scss
+++ b/public/framework/scss/ctm_layout/_layout.scss
@@ -18,6 +18,7 @@
   > .inside {
     display: flex;
     flex-direction: column;
+    row-gap: var(--gtr-btm);
   }
 }
 
@@ -65,20 +66,19 @@
 
   #container > .inside {
     flex-direction: row;
+    column-gap: var(--lyt-col-gtr);
   }
 
   #left,
   #right {
-    width: calc(var(--lyt-col-wdth) + var(--lyt-col-gtr));
+    width: var(--lyt-col-wdth);
   }
 
   #left {
     &, .left-first & { order: 5; }
-    > .inside { margin-right: var(--lyt-col-gtr); }
   }
 
   #right {
     &, .right-first & { order: 15; }
-    > .inside { margin-left: var(--lyt-col-gtr); }
   }
 }