diff --git a/src/components/Nav/Header/Header.module.scss b/src/components/Nav/Header/Header.module.scss index 010a8164..2cfdc2f9 100644 --- a/src/components/Nav/Header/Header.module.scss +++ b/src/components/Nav/Header/Header.module.scss @@ -425,7 +425,7 @@ width: 100%; @include media-breakpoint-up(xl) { - right: 9rem; + right: 1.4rem; } .control { @@ -457,6 +457,12 @@ } } +.articleControlsAuthorized { + @include media-breakpoint-up(xl) { + right: 9rem; + } +} + .userControl { align-items: center; display: flex; @@ -484,7 +490,8 @@ } .editorControl { - border-radius: 1.2em; + border-radius: 2em; + font-size: 1.4rem !important; &:hover { background: var(--background-color-invert); diff --git a/src/components/Nav/Header/Header.tsx b/src/components/Nav/Header/Header.tsx index 7c0258e1..a8391bf3 100644 --- a/src/components/Nav/Header/Header.tsx +++ b/src/components/Nav/Header/Header.tsx @@ -59,6 +59,7 @@ export const Header = (props: Props) => { const [isTopicsVisible, setIsTopicsVisible] = createSignal(false) const [isZineVisible, setIsZineVisible] = createSignal(false) const [isFeedVisible, setIsFeedVisible] = createSignal(false) + const { isAuthenticated } = useSession() const toggleFixed = () => setFixed(!fixed()) @@ -330,7 +331,7 @@ export const Header = (props: Props) => { -
+