From 3c58b5573fa7eb7217416b5f687f3f81ba8f37dd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fede=20=C3=81lvarez?= <fedealvarezcampos@gmail.com>
Date: Tue, 19 Apr 2022 17:50:04 +0200
Subject: [PATCH] Adjust mobile header styles

---
 src/components/common/header/header.module.scss | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/common/header/header.module.scss b/src/components/common/header/header.module.scss
index dd60e09..0378424 100644
--- a/src/components/common/header/header.module.scss
+++ b/src/components/common/header/header.module.scss
@@ -99,16 +99,18 @@
     }
 
     .button {
-      margin: tovw(59px, 'mobile') 0 tovw(44px, 'mobile') 0;
+      margin: tovw(55px, 'mobile') 0 tovw(44px, 'mobile') 0;
       width: 100%;
       text-align: center;
 
       @media screen and (max-height: 750px) {
-        margin: calc(var(--vh) * 7.2) 0 calc(var(--vh) * 5.2) 0;
+        margin: calc(var(--vh) * 5.2) 0 calc(var(--vh) * 5.2) 0;
       }
     }
 
     p {
+      font-size: tovw(15px, 'mobile');
+      padding: tovw(6px, 'mobile');
       text-align: center;
     }
 
@@ -116,8 +118,8 @@
       display: grid;
       position: relative;
       justify-content: center;
-      margin: tovw(32px, 'mobile') 0;
-      padding-top: tovw(32px, 'mobile');
+      margin: tovw(16px, 'mobile') 0;
+      padding-top: tovw(10px, 'mobile');
       width: 100%;
       gap: tovw(24px, 'mobile');
       grid-template-columns: repeat(6, tovw(24px, 'mobile'));
@@ -126,7 +128,7 @@
         position: absolute;
         top: tovw(-32px, 'mobile');
         left: tovw(-16px, 'mobile');
-        margin: tovw(24px, 'mobile') 0;
+        margin: tovw(15px, 'mobile') 0;
         background: white;
         width: calc(100% + tovw(32px, 'mobile'));
         height: tovw(1px, 'mobile', 1px);