From 5f7494f1345d0863af5e1d3913c5019339e2a17b Mon Sep 17 00:00:00 2001
From: eugenijm <eugenijm@protonmail.com>
Date: Thu, 21 May 2020 16:29:49 +0300
Subject: [PATCH] Chat header alignment fixes for the mobile layout

---
 src/components/chat/chat.scss            | 2 +-
 src/components/chat/chat.vue             | 2 +-
 src/components/mobile_nav/mobile_nav.js  | 5 ++++-
 src/components/mobile_nav/mobile_nav.vue | 1 +
 4 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/chat/chat.scss b/src/components/chat/chat.scss
index a8b607ba..25727d7e 100644
--- a/src/components/chat/chat.scss
+++ b/src/components/chat/chat.scss
@@ -67,7 +67,7 @@
 
         .go-back-button {
           cursor: pointer;
-          margin-right: 0.7em;
+          margin-right: 1.2em;
 
           i {
             color: $fallback--link;
diff --git a/src/components/chat/chat.vue b/src/components/chat/chat.vue
index cd4c047a..9ab16226 100644
--- a/src/components/chat/chat.vue
+++ b/src/components/chat/chat.vue
@@ -23,7 +23,7 @@
               />
             </div>
           </div>
-          <div style="">
+          <div style="visibility: hidden">
             <i class="button-icon icon-info-circled" />
           </div>
         </div>
diff --git a/src/components/mobile_nav/mobile_nav.js b/src/components/mobile_nav/mobile_nav.js
index c1166a0c..b27ca6f4 100644
--- a/src/components/mobile_nav/mobile_nav.js
+++ b/src/components/mobile_nav/mobile_nav.js
@@ -30,7 +30,10 @@ const MobileNav = {
       return this.unseenNotifications.length
     },
     hideSitename () { return this.$store.state.instance.hideSitename },
-    sitename () { return this.$store.state.instance.name }
+    sitename () { return this.$store.state.instance.name },
+    navBarStyle () {
+      return { 'visibility': this.$route.name === 'chat' ? 'hidden' : 'visible' }
+    }
   },
   methods: {
     toggleMobileSidebar () {
diff --git a/src/components/mobile_nav/mobile_nav.vue b/src/components/mobile_nav/mobile_nav.vue
index 51f1d636..05568b90 100644
--- a/src/components/mobile_nav/mobile_nav.vue
+++ b/src/components/mobile_nav/mobile_nav.vue
@@ -3,6 +3,7 @@
     <nav
       id="nav"
       class="nav-bar container"
+      :style="navBarStyle"
     >
       <div
         class="mobile-inner-nav"