Use same styles on full or not until lg screen

1 files changed, 10 insertions, 12 deletions

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%;
   }