Show logo in mobile view (#4141)

* client: show logo in mobile view

* client(menu): add space between burger and logo

1 files changed, 5 insertions, 4 deletions

diff --git a/client/src/app/app.component.scss b/client/src/app/app.component.scss
index 0543564b4..6b1f7f8f1 100644
--- a/client/src/app/app.component.scss
+++ b/client/src/app/app.component.scss
@@ -70,11 +70,16 @@
   display: flex;
   align-items: center;
   overflow: hidden;
+  padding: 0 0 0 10px;
 
   .instance-name {
     @include ellipsis;
 
     width: 100%;
+
+    @media screen and (max-width: $mobile-view) {
+      display: none;
+    }
   }
 
   .icon.icon-logo {
@@ -83,10 +88,6 @@
     height: 24px;
     margin-right: 0.5rem;
   }
-
-  @media screen and (max-width: $mobile-view) {
-    display: none;
-  }
 }
 
 .broadcast-message {