From 6d49e4e2f02c11f12dca48cec978d43e6112aada Mon Sep 17 00:00:00 2001
From: kvakazyambra <kvakazyambra@gmail.com>
Date: Mon, 28 Aug 2023 00:09:20 +0300
Subject: [PATCH] Fixed header style on the editor page

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

diff --git a/src/components/Nav/Header/Header.module.scss b/src/components/Nav/Header/Header.module.scss
index 1a43eaec..f3da4d7e 100644
--- a/src/components/Nav/Header/Header.module.scss
+++ b/src/components/Nav/Header/Header.module.scss
@@ -95,9 +95,7 @@
 
 .usernav {
   display: inline-flex;
-  flex: 0 0 40% !important;
   font-weight: 500;
-  max-width: 400px !important;
   position: relative;
 
   @include media-breakpoint-down(md) {
@@ -105,6 +103,11 @@
     max-width: 100% !important;
     padding: 0 !important;
   }
+
+  &:not(.usernavEditor) {
+    flex: 0 0 40% !important;
+    max-width: 400px !important;
+  }
 }
 
 .mainNavigationWrapper {
diff --git a/src/components/Nav/HeaderAuth.tsx b/src/components/Nav/HeaderAuth.tsx
index 1c7de728..ff924be3 100644
--- a/src/components/Nav/HeaderAuth.tsx
+++ b/src/components/Nav/HeaderAuth.tsx
@@ -107,7 +107,7 @@ export const HeaderAuth = (props: Props) => {
   return (
     <ShowOnlyOnClient>
       <Show when={isSessionLoaded()} keyed={true}>
-        <div class={clsx(styles.usernav, 'col')}>
+        <div class={clsx(styles.usernav, 'col')} classList={{ [styles.usernavEditor]: showSaveButton() }}>
           <div class={clsx(styles.userControl, styles.userControl, 'col')}>
             <Show when={showCreatePostButton()}>
               <div class={clsx(styles.userControlItem, styles.userControlItemVerbose)}>