From 87112cd98533a0c988e5f6d2fe2abf67e1743647 Mon Sep 17 00:00:00 2001
From: Fedor Katurov <gotham48@gmail.com>
Date: Wed, 9 Oct 2019 19:56:37 +0700
Subject: [PATCH] user profile appearance

---
 src/components/main/Header/index.tsx       |  3 ---
 src/components/main/Header/style.scss      | 13 +++++++------
 src/containers/node/NodeLayout/styles.scss |  4 ++--
 3 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/src/components/main/Header/index.tsx b/src/components/main/Header/index.tsx
index b257bbc9..a212c3bd 100644
--- a/src/components/main/Header/index.tsx
+++ b/src/components/main/Header/index.tsx
@@ -36,11 +36,8 @@ const HeaderUnconnected: FC<IProps> = ({ username, is_user, showDialog }) => {
         <div onClick={onOpenEditor}>editor</div>
       </div>
 
-      <Filler />
-
       {is_user && (
         <Group horizontal className={style.user_button}>
-          <div>{username}</div>
           <div className={style.user_avatar} />
         </Group>
       )}
diff --git a/src/components/main/Header/style.scss b/src/components/main/Header/style.scss
index 30204ba2..21eb4783 100644
--- a/src/components/main/Header/style.scss
+++ b/src/components/main/Header/style.scss
@@ -47,11 +47,11 @@
     }
 
     &:last-child {
-      padding-right: 0;
+      // padding-right: 0;
 
-      &::after {
-        display: none;
-      }
+      // &::after {
+      // display: none;
+      // }
     }
   }
 }
@@ -70,11 +70,12 @@
   flex: 0 !important;
   opacity: 0.3;
   cursor: pointer;
+  margin-left: $gap;
 }
 
 .user_avatar {
-  width: 20px;
-  height: 20px;
+  width: 32px;
+  height: 32px;
   background: white;
   border-radius: $radius;
 }
diff --git a/src/containers/node/NodeLayout/styles.scss b/src/containers/node/NodeLayout/styles.scss
index 2cb42624..2e5e7f78 100644
--- a/src/containers/node/NodeLayout/styles.scss
+++ b/src/containers/node/NodeLayout/styles.scss
@@ -5,11 +5,11 @@
 }
 
 .comments {
-  flex: 2 1;
+  flex: 3 1;
 }
 
 .panel {
-  flex: 1 2;
+  flex: 1 3;
   display: flex;
   align-items: flex-start;
   justify-content: flex-start;