From c907e6ffa59fec60f369fe6588d8fd67b7cb7ad4 Mon Sep 17 00:00:00 2001
From: kvakazyambra <kvakazyambra@gmail.com>
Date: Tue, 30 Apr 2024 16:16:30 +0300
Subject: [PATCH 1/4] Header navigation style fixes

---
 src/components/Nav/Header/Header.module.scss | 11 +++++++++--
 src/components/Nav/Header/Header.tsx         |  3 ++-
 2 files changed, 11 insertions(+), 3 deletions(-)

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) => {
           </div>
           <HeaderAuth setIsProfilePopupVisible={setIsProfilePopupVisible} />
           <Show when={props.title}>
-            <div class={clsx(styles.articleControls, 'col-auto')}>
+            <div class={clsx(styles.articleControls, 'col-auto', {[isAuthenticated()]: styles.articleControlsAuthorized})}>
               <SharePopup
                 title={props.title}
                 imageUrl={props.cover}

From 3eebc0b7edbf8fb50d3f2ddedf70eeaba6d15a14 Mon Sep 17 00:00:00 2001
From: kvakazyambra <kvakazyambra@gmail.com>
Date: Tue, 30 Apr 2024 16:21:56 +0300
Subject: [PATCH 2/4] Fixed style setting

---
 src/components/Nav/Header/Header.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Nav/Header/Header.tsx b/src/components/Nav/Header/Header.tsx
index a8391bf3..3f33bb4a 100644
--- a/src/components/Nav/Header/Header.tsx
+++ b/src/components/Nav/Header/Header.tsx
@@ -331,7 +331,7 @@ export const Header = (props: Props) => {
           </div>
           <HeaderAuth setIsProfilePopupVisible={setIsProfilePopupVisible} />
           <Show when={props.title}>
-            <div class={clsx(styles.articleControls, 'col-auto', {[isAuthenticated()]: styles.articleControlsAuthorized})}>
+            <div class={clsx(styles.articleControls, 'col-auto', {[styles.articleControlsAuthorized]: isAuthenticated()})}>
               <SharePopup
                 title={props.title}
                 imageUrl={props.cover}

From 867acd4b904cc9464af0df12c8f77738586bd64d Mon Sep 17 00:00:00 2001
From: kvakazyambra <kvakazyambra@gmail.com>
Date: Tue, 30 Apr 2024 16:26:31 +0300
Subject: [PATCH 3/4] Fixed code style

---
 src/components/Nav/Header/Header.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/Nav/Header/Header.tsx b/src/components/Nav/Header/Header.tsx
index 3f33bb4a..312a6e1f 100644
--- a/src/components/Nav/Header/Header.tsx
+++ b/src/components/Nav/Header/Header.tsx
@@ -331,7 +331,11 @@ export const Header = (props: Props) => {
           </div>
           <HeaderAuth setIsProfilePopupVisible={setIsProfilePopupVisible} />
           <Show when={props.title}>
-            <div class={clsx(styles.articleControls, 'col-auto', {[styles.articleControlsAuthorized]: isAuthenticated()})}>
+            <div
+              class={clsx(styles.articleControls, 'col-auto', {
+                [styles.articleControlsAuthorized]: isAuthenticated(),
+              })}
+            >
               <SharePopup
                 title={props.title}
                 imageUrl={props.cover}

From c1a72914010386457d8263dbf54e6e71ae04f713 Mon Sep 17 00:00:00 2001
From: kvakazyambra <kvakazyambra@gmail.com>
Date: Tue, 30 Apr 2024 17:27:38 +0300
Subject: [PATCH 4/4] Fixed paddings in the header

---
 src/components/Nav/Header/Header.module.scss | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/components/Nav/Header/Header.module.scss b/src/components/Nav/Header/Header.module.scss
index 2cfdc2f9..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;
   }
@@ -458,6 +454,8 @@
 }
 
 .articleControlsAuthorized {
+  right: 3.6rem;
+
   @include media-breakpoint-up(xl) {
     right: 9rem;
   }