From 15b4bc78802e66466a626c20b95a7d53aa3e9114 Mon Sep 17 00:00:00 2001 From: reverend Date: Sun, 16 Aug 2020 12:26:10 +0200 Subject: [PATCH] Padding fix --- components/03_Organisms/header/_header.scss | 6 +++--- public/main.css | 8 ++++---- 2 files changed, 7 insertions(+), 7 deletions(-) diff --git a/components/03_Organisms/header/_header.scss b/components/03_Organisms/header/_header.scss index 09f8ee0..ef06b83 100644 --- a/components/03_Organisms/header/_header.scss +++ b/components/03_Organisms/header/_header.scss @@ -8,6 +8,7 @@ $-logo-height: 45px; box-shadow: 0 0 2px $-light-brown; grid-area: header; background-color: white; + padding-left: 25px; &__Navigation{ flex-grow: 2; @@ -15,7 +16,6 @@ $-logo-height: 45px; &__Logo { height: $-logo-height; - margin: 25px; object-fit:cover; max-height: 100%; width: 225px; @@ -63,8 +63,8 @@ $-logo-height: 45px; @media(max-width: $-viewport-toggle-sidebar){ .LP-Header{ - padding-left: 40px; - width: calc(100% - 40px); + padding-left: 60px; + width: calc(100% - 60px); position: fixed; z-index: 10; } diff --git a/public/main.css b/public/main.css index dba298e..e3c67e4 100644 --- a/public/main.css +++ b/public/main.css @@ -512,12 +512,12 @@ body { height: 60px; box-shadow: 0 0 2px #C09F80; grid-area: header; - background-color: white; } + background-color: white; + padding-left: 25px; } .LP-Header__Navigation { flex-grow: 2; } .LP-Header__Logo { height: 45px; - margin: 25px; object-fit: cover; max-height: 100%; width: 225px; @@ -550,8 +550,8 @@ body { @media (max-width: 650px) { .LP-Header { - padding-left: 40px; - width: calc(100% - 40px); + padding-left: 60px; + width: calc(100% - 60px); position: fixed; z-index: 10; } }