diff --git a/src/components/navigation/menu-language/menu-language.scss b/src/components/navigation/menu-language/menu-language.scss index f41bf241ba4fd1a6036a239eb82a12053eea27a4..ecbed96fcf3a5ae68ce92ee02032b49364e8aced 100644 --- a/src/components/navigation/menu-language/menu-language.scss +++ b/src/components/navigation/menu-language/menu-language.scss @@ -3,8 +3,12 @@ display: flex; flex-flow: row; position: absolute; - right: 0; + right: 16px; top: 0; + + @include breakpoint($narrow) { + right: 28px; + } } :host(.menu--language:not([is-mobile])) { diff --git a/src/components/navigation/menu/menu.scss b/src/components/navigation/menu/menu.scss index b84677bdc159f5b61815e64bdc07583702f782c6..bd65244d60d911aeabc828522241b5015497ef5d 100644 --- a/src/components/navigation/menu/menu.scss +++ b/src/components/navigation/menu/menu.scss @@ -11,7 +11,6 @@ flex-flow: column; justify-items: stretch; left: 0; - padding: 20px 32px 0; position: absolute; right: 0; top: 0; @@ -73,7 +72,11 @@ &__logo-container { display: inline-block; - margin: 5px 0 20px; + padding: 16px; + + @include breakpoint($narrow) { + padding: 16px 28px; + } } &--sidenav { diff --git a/src/components/site-header/site-header.scss b/src/components/site-header/site-header.scss index 1088f59d2b9f42092f0bca9627ec92e7164f76ed..7c43f2305c9568789255bd8f251be6ef78a97bd7 100644 --- a/src/components/site-header/site-header.scss +++ b/src/components/site-header/site-header.scss @@ -32,7 +32,7 @@ margin: 16px 8px; @include breakpoint($narrow) { - margin: 16px 16px 16px 24px; + margin: 16px 16px 16px 28px; } @include breakpoint($wide) { @@ -82,17 +82,19 @@ padding: 15px 16px 15px 12px; @include breakpoint($narrow) { - padding: 15px 32px 15px 10px; + padding: 15px 28px 15px 10px; } &.is-open { - margin: 10px; - padding: 10px; position: absolute; right: 0; - //top: 10px; - top: 17px; + top: 32px; + transform: translateY(-50%); z-index: 101; + + @include breakpoint($narrow) { + top: 40px; + } } &__label {