user profile appearance

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

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

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;