From 55f6c0a4d774c6ec105991e252d6bd2ba132f6da Mon Sep 17 00:00:00 2001
From: Bojan Mojsilovic <bmojsilovic@itekako.com>
Date: Tue, 28 May 2024 19:12:26 +0200
Subject: [PATCH] New home header

---
 src/components/HomeHeader/HomeHeader.module.scss |  6 +++---
 src/components/Layout/Layout.module.scss         |  2 +-
 .../SelectionBox/SelectionBox.module.scss        | 16 ++++++++--------
 3 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/components/HomeHeader/HomeHeader.module.scss b/src/components/HomeHeader/HomeHeader.module.scss
index c674fb3..c0dc5c1 100644
--- a/src/components/HomeHeader/HomeHeader.module.scss
+++ b/src/components/HomeHeader/HomeHeader.module.scss
@@ -117,8 +117,9 @@
   outline: none;
   width: 100%;
 
-  padding-block: 10px;
-  padding-inline: 14px;
+  padding-top: 18px;
+  padding-bottom: 12px;
+  padding-inline: 20px;
   border-bottom: 1px solid var(--devider);
   z-index: var(--z-index-header);
 
@@ -156,7 +157,6 @@
   padding-block: 21px;
   padding-inline: 12px;
   border: none;
-  border-bottom: 1px solid var(--devider);
   border-radius: 0;
   justify-content: flex-start;
 
diff --git a/src/components/Layout/Layout.module.scss b/src/components/Layout/Layout.module.scss
index f8eb028..0caed9a 100644
--- a/src/components/Layout/Layout.module.scss
+++ b/src/components/Layout/Layout.module.scss
@@ -37,7 +37,7 @@
     position: relative;
     display: grid;
     height: 100%;
-    padding-top: 30px;
+    padding-top: 22px;
     justify-content: left;
 
     .overlay {
diff --git a/src/components/SelectionBox/SelectionBox.module.scss b/src/components/SelectionBox/SelectionBox.module.scss
index bd580fc..772840b 100644
--- a/src/components/SelectionBox/SelectionBox.module.scss
+++ b/src/components/SelectionBox/SelectionBox.module.scss
@@ -9,13 +9,13 @@
 }
 
 .selectionIcon {
-  width: 10px;
-  height: 10px;
+  width: 14px;
+  height: 14px;
   display: inline-block;
-  margin-inline: 4px;
+  margin-inline: 8px;
   background-color: var(--text-secondary);
-  -webkit-mask: url(../../assets/icons/caret.svg) no-repeat 0 0/ 10px 10px;
-  mask: url(../../assets/icons/caret.svg) no-repeat 0 0/ 10px 10px;
+  -webkit-mask: url(../../assets/icons/caret.svg) no-repeat 0 / 14px;
+  mask: url(../../assets/icons/caret.svg) no-repeat 0 / 14px;
 }
 
 .selectionBox {
@@ -28,9 +28,9 @@
   padding: 0;
   border: none;
   color: var(--text-secondary);
-  font-size: 18px;
-  font-weight: 600;
-  line-height: 20px;
+  font-size: 24px;
+  font-weight: 300;
+  line-height: 32px;
 }
 
 .listbox {