Header minor fixes

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;
   }
 

src/components/Nav/ProfilePopup.tsx

@@ -15,7 +15,7 @@ export const ProfilePopup = (props: ProfilePopupProps) => {
     <Popup {...props} horizontalAnchor="right">
       <ul class="nodash">
         <li>
-          <a href={`/${session().user?.slug}`}>Профиль</a>
+          <a href={`/author/${session().user?.slug}`}>Профиль</a>
         </li>
         <li>
           <a href="#">Черновики</a>