Client: try to make it work with Android Firefox

[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 e02c2d5b0718b0a925223cc7bb06c7559595ce3f..1d42f2a04c762c75c223aaab821b6f40bde12a5e 100644 (file)
--- a/client/src/app/app.component.scss
+++ b/client/src/app/app.component.scss
@@ -4,11 +4,17 @@ header div {
 }
 
 menu {
+  @media screen and (max-width: 600px) {
+    margin-right: 3px !important;
+    padding: 3px !important;
+    min-height: 400px !important;
+  }
+
   min-height: 600px;
   margin-right: 20px;
   border-right: 1px solid rgba(0, 0, 0, 0.2);
 
-  .panel_button {
+  .panel-button {
     margin: 8px;
     cursor: pointer;
     transition: margin 0.2s;
@@ -27,6 +33,12 @@ menu {
   }
 }
 
-.panel_block:not(:last-child) {
+.panel-block:not(:last-child) {
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 }
+
+.router-outlet-container {
+  @media screen and (max-width: 400px) {
+    padding: 0 3px 0 3px;
+  }
+}