Refactor server errors handler

[github/Chocobozzz/PeerTube.git] / client / src / app / app.component.scss

diff --git a/client/src/app/app.component.scss b/client/src/app/app.component.scss
index e7d05369baf611c23dbe69a6b5194d9c9dd6bdcc..6b1f7f8f1d8cd42ef89a50154846863573317f2a 100644 (file)
--- a/client/src/app/app.component.scss
+++ b/client/src/app/app.component.scss
@@ -40,8 +40,10 @@
   }
 
   .icon-menu {
-    background-color: pvar(--mainForegroundColor);
     mask-image: url('../assets/images/misc/menu.svg');
+    -webkit-mask-image: url('../assets/images/misc/menu.svg');
+
+    background-color: pvar(--mainForegroundColor);
     margin: 0 18px 0 20px;
 
     @media screen and (max-width: $mobile-view) {
@@ -68,22 +70,23 @@
   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 {
     display: inline-block;
     width: 23px;
     height: 24px;
-    margin-right: .5rem;
-  }
-
-  @media screen and (max-width: $mobile-view) {
-    display: none;
+    margin-right: 0.5rem;
   }
 }