fix colspan for user view of reports

[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 e21ada0f18727414f7565b7932f58f52e834fc76..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,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 {
@@ -81,10 +88,6 @@
     height: 24px;
     margin-right: 0.5rem;
   }
-
-  @media screen and (max-width: $mobile-view) {
-    display: none;
-  }
 }
 
 .broadcast-message {