From e5fddf373d3e77b8275164bddf387493b9b159e9 Mon Sep 17 00:00:00 2001
From: elise <hei@elisejakob.no>
Date: Tue, 6 Aug 2024 14:45:02 +0200
Subject: [PATCH] make opening hours separate boxes, adjust spacing

---
 .../blocks/openingHoursSectionBlock.module.scss       | 11 +++++++----
 web/src/css/variables.scss                            |  4 ++--
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/web/src/components/blocks/openingHoursSectionBlock.module.scss b/web/src/components/blocks/openingHoursSectionBlock.module.scss
index e7c496a..2e9da74 100644
--- a/web/src/components/blocks/openingHoursSectionBlock.module.scss
+++ b/web/src/components/blocks/openingHoursSectionBlock.module.scss
@@ -8,12 +8,15 @@
   margin: var(--spacing-section-bottom) 0;
   display: grid;
   grid-template-columns: repeat(12, 1fr);
-  background: var(--color-background-secondary);
+  column-gap: var(--spacing-gap-column);
+  row-gap: var(--spacing-gap-row);
+  
 }
 
 .openingHoursSubsection {
   grid-column: span 4;
-  padding: calc(var(--spacing-gap-column)/1.5) var(--spacing-gap-column) var(--spacing-gap-column);
+  padding: calc(var(--spacing-m)/1.5) var(--spacing-m) var(--spacing-m);
+  background: var(--color-background-secondary);
   font-size: var(--font-size-caption);
 
   h3 {
@@ -34,9 +37,9 @@
   }
 
   .openingHoursSubsection {
-    padding: var(--spacing-gap-column);
+    padding: var(--spacing-s);
     h3 {
-      margin-bottom: 0;
+      margin-bottom: .5rem;
     }
   }
 }
\ No newline at end of file
diff --git a/web/src/css/variables.scss b/web/src/css/variables.scss
index 9c669d8..98e6a91 100644
--- a/web/src/css/variables.scss
+++ b/web/src/css/variables.scss
@@ -49,8 +49,8 @@
   // spacing
   --spacing-sitepadding-block: 2rem;
   --spacing-sitepadding-inline: 2rem;
-  --spacing-gap-column: var(--spacing-sitepadding-block);
-  --spacing-gap-row: calc(var(--spacing-gap-column)* 0.75);
+  --spacing-gap-column: 1.6rem;
+  --spacing-gap-row: calc(var(--spacing-gap-column)* 0.6);
   --spacing-xs: .5rem;
   --spacing-s: 1rem;
   --spacing-m: 2rem;