diff --git a/src/components/Nav/Header.module.scss b/src/components/Nav/Header.module.scss index f683397b..6592658d 100644 --- a/src/components/Nav/Header.module.scss +++ b/src/components/Nav/Header.module.scss @@ -135,6 +135,10 @@ position: relative; @include font-size(1.7rem); + @include media-breakpoint-down(lg) { + margin-right: 5rem; + } + @include media-breakpoint-down(md) { display: none; } @@ -300,7 +304,7 @@ @include font-size(1.4rem); left: 0; - margin: 0.2em; + margin: 0.2em 0; overflow: hidden; position: absolute; text-overflow: ellipsis; @@ -329,7 +333,7 @@ display: flex; justify-content: flex-end; position: absolute; - right: 2rem; + right: 4rem; top: 50%; transform: translateY(-50%); width: 100%; @@ -403,12 +407,10 @@ .userControlItem { align-items: center; - border: 2px solid #f6f6f6; border-radius: 100%; display: flex; height: 2.4em; justify-content: center; - margin-left: divide($container-padding-x, 4); position: relative; transition: margin-left 0.3s; width: 2.4em; @@ -419,8 +421,6 @@ .headerScrolledTop &, .headerScrolledBottom & { - border-color: transparent; - margin-left: 0; transition: none; } diff --git a/src/components/Nav/ProfilePopup.tsx b/src/components/Nav/ProfilePopup.tsx index 807b0cdd..6b196f9b 100644 --- a/src/components/Nav/ProfilePopup.tsx +++ b/src/components/Nav/ProfilePopup.tsx @@ -15,7 +15,7 @@ export const ProfilePopup = (props: ProfilePopupProps) => {