From ccec2117270ed6c6a5c88dd480587abe38f73557 Mon Sep 17 00:00:00 2001
From: Fedor Katurov <gotham48@gmail.com>
Date: Tue, 23 Mar 2021 11:29:47 +0700
Subject: [PATCH] fixed header appearance on mobile

---
 .../comment/CommentTextBlock/styles.module.scss       |  2 +-
 src/components/main/Header/index.tsx                  |  2 +-
 src/components/main/Header/styles.module.scss         | 11 +++++++++++
 src/components/main/Logo/styles.module.scss           |  4 ++++
 src/styles/_global.scss                               |  4 ----
 5 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/src/components/comment/CommentTextBlock/styles.module.scss b/src/components/comment/CommentTextBlock/styles.module.scss
index f99189e4..09814017 100644
--- a/src/components/comment/CommentTextBlock/styles.module.scss
+++ b/src/components/comment/CommentTextBlock/styles.module.scss
@@ -29,7 +29,7 @@
     color: $wisegreen;
   }
 
-  & :last-child::after {
+  & > :last-child::after {
     display: inline-block;
     content: " ";
     height: 1em;
diff --git a/src/components/main/Header/index.tsx b/src/components/main/Header/index.tsx
index 014e12a1..3f6cd6d9 100644
--- a/src/components/main/Header/index.tsx
+++ b/src/components/main/Header/index.tsx
@@ -80,7 +80,7 @@ const HeaderUnconnected: FC<IProps> = memo(
         <div className={styles.container}>
           <Logo />
 
-          <Filler />
+          <Filler className={styles.filler} />
 
           <div className={styles.plugs}>
             <Link
diff --git a/src/components/main/Header/styles.module.scss b/src/components/main/Header/styles.module.scss
index b783c3a9..123dc9c0 100644
--- a/src/components/main/Header/styles.module.scss
+++ b/src/components/main/Header/styles.module.scss
@@ -48,6 +48,11 @@
   user-select: none;
   text-transform: uppercase;
   align-items: center;
+
+  @include tablet {
+    flex: 1;
+    justify-content: space-around;
+  }
 }
 
 .profile {
@@ -119,3 +124,9 @@
     }
   }
 }
+
+.filler {
+  @include tablet {
+    display: none;
+  }
+}
diff --git a/src/components/main/Logo/styles.module.scss b/src/components/main/Logo/styles.module.scss
index 7f0f28fa..71450ebd 100644
--- a/src/components/main/Logo/styles.module.scss
+++ b/src/components/main/Logo/styles.module.scss
@@ -6,4 +6,8 @@
   user-select: none;
   color: white;
   text-decoration: none;
+
+  @include tablet {
+    display: none;
+  }
 }
diff --git a/src/styles/_global.scss b/src/styles/_global.scss
index f13d045b..8f755483 100644
--- a/src/styles/_global.scss
+++ b/src/styles/_global.scss
@@ -27,10 +27,6 @@ body {
     background-size: 600px 600px;
     pointer-events: none;
   }
-
-  * {
-    min-width: 0;
-  }
 }
 
 #app {