From: kimsible <kimsible@users.noreply.github.com>
Date: Tue, 28 Apr 2020 22:32:46 +0000 (+0200)
Subject: Use same styles on full or not until lg screen
X-Git-Tag: v2.2.0-rc.1~153
X-Git-Url: https://git.librecmc.org/?a=commitdiff_plain;h=1f6d2449707f0ebcbc4c890d98bc0cd74f579889;p=oweals%2Fpeertube.git

Use same styles on full or not until lg screen
---

diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss
index f76ceaca1..0e486eab2 100644
--- a/client/src/sass/application.scss
+++ b/client/src/sass/application.scss
@@ -280,25 +280,23 @@ table {
 
 @media screen and (max-width: #{map-get($grid-breakpoints, lg)}) {
   .main-col {
-    &.expanded {
-      .margin-content {
-        margin-left: $expanded-horizontal-margins/3;
-        margin-right: $expanded-horizontal-margins/3;
-      }
+    .margin-content {
+      margin-left: $expanded-horizontal-margins/3;
+      margin-right: $expanded-horizontal-margins/3;
+    }
 
-      .sub-menu {
-        padding-left: 50px;
-        padding-right: 50px;
+    .sub-menu {
+      padding-left: 50px;
+      padding-right: 50px;
 
-        .title-page {
-          font-size: 17px;
-        }
+      .title-page {
+        font-size: 17px;
       }
     }
   }
 }
 
-@media screen and (max-width: #{$mobile-view + $menu-width}) {
+@media screen and (min-width: $mobile-view) and (max-width: $small-view) {
   .main-col {
     width: 100%;
   }