From 7aab8c154dbb6c985585c972bde469fd0e339273 Mon Sep 17 00:00:00 2001
From: elisejakob <hei@elisejakob.no>
Date: Fri, 21 Jun 2024 12:53:33 +0200
Subject: [PATCH] replace some more values with variables + adjust circle icon
 size

---
 web/src/components/general/pageHeader.module.scss |  2 +-
 web/src/components/layout/header.module.scss      | 12 ++++++------
 web/src/css/variables.scss                        |  2 +-
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/web/src/components/general/pageHeader.module.scss b/web/src/components/general/pageHeader.module.scss
index 2343a22..7ab67ee 100644
--- a/web/src/components/general/pageHeader.module.scss
+++ b/web/src/components/general/pageHeader.module.scss
@@ -1,6 +1,6 @@
 .pageHeader {
   position: relative;
-  padding: var(--spacing-l) 0 var(--spacing-sitepadding-block);
+  padding: var(--spacing-s) 0 var(--spacing-sitepadding-block);
 }
 
 .title {
diff --git a/web/src/components/layout/header.module.scss b/web/src/components/layout/header.module.scss
index fb8afb0..151cb8d 100644
--- a/web/src/components/layout/header.module.scss
+++ b/web/src/components/layout/header.module.scss
@@ -49,16 +49,16 @@
   z-index: 1001;
   background: none;
   margin-top: .2rem;
-  width: 3rem;
-  height: 3rem;
+  width: var(--size-icon-circle);
+  height: var(--size-icon-circle);
   padding: 0;
   margin: 0;
 }
 
 .menuIcon {
   display: block;
-  width: 3rem;
-  height: 3rem;
+  width: var(--size-icon-circle);
+  height: var(--size-icon-circle);
 
   svg {
     width: 100%;
@@ -94,12 +94,12 @@
 }
 
 .divider {
-  margin-top: 3rem;
+  margin-top: var(--spacing-l);
 }
 
 .search,
 .galtinn {
-  margin-top: 3rem;
+  margin-top: var(--spacing-l);
 }
 
 .siteMenu[data-show=true] {
diff --git a/web/src/css/variables.scss b/web/src/css/variables.scss
index d6b34f2..35752ce 100644
--- a/web/src/css/variables.scss
+++ b/web/src/css/variables.scss
@@ -58,7 +58,7 @@
   // sizes
   --size-width-p: 36rem;
   --size-icon: 1em;
-  --size-icon-circle: 3rem;
+  --size-icon-circle: 2.4rem;
   --size-icon-large: 3.4rem;
 
   // animations