diff --git a/src/components/Nav/Header/Header.module.scss b/src/components/Nav/Header/Header.module.scss
index 010a8164..33ab5b6e 100644
--- a/src/components/Nav/Header/Header.module.scss
+++ b/src/components/Nav/Header/Header.module.scss
@@ -298,10 +298,6 @@
box-sizing: content-box;
display: inline-flex;
- @include media-breakpoint-up(sm) {
- padding-left: divide($container-padding-x, 2);
- }
-
@include media-breakpoint-up(lg) {
display: none;
}
@@ -425,7 +421,7 @@
width: 100%;
@include media-breakpoint-up(xl) {
- right: 9rem;
+ right: 1.4rem;
}
.control {
@@ -457,6 +453,14 @@
}
}
+.articleControlsAuthorized {
+ right: 3.6rem;
+
+ @include media-breakpoint-up(xl) {
+ right: 9rem;
+ }
+}
+
.userControl {
align-items: center;
display: flex;
@@ -484,7 +488,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..312a6e1f 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,11 @@ export const Header = (props: Props) => {
-