Chat header alignment fixes for the mobile layout

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;

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>

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 () {

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"