From 1def3c526ec385cbd2112d9907e8a4a73af110ca Mon Sep 17 00:00:00 2001
From: Rigel Kent <sendmemail@rigelk.eu>
Date: Thu, 30 Apr 2020 17:14:03 +0200
Subject: [PATCH] Apply the fix to both expanded and not expanded, using
 convention

---
 client/src/sass/application.scss | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss
index 0e486eab2..7ea82b6f9 100644
--- a/client/src/sass/application.scss
+++ b/client/src/sass/application.scss
@@ -279,18 +279,21 @@ table {
 }
 
 @media screen and (max-width: #{map-get($grid-breakpoints, lg)}) {
+  /* the following applies from 500px to 900px and is partially overriden from 500px to 800px by changes below to $small-view */
   .main-col {
-    .margin-content {
-      margin-left: $expanded-horizontal-margins/3;
-      margin-right: $expanded-horizontal-margins/3;
-    }
+    &, &.expanded {
+      .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;
+        }
       }
     }
   }
@@ -314,7 +317,6 @@ table {
 
       .sub-menu {
         width: 100vw;
-        overflow-x: auto;
         padding-left: 15px;
         padding-right: 15px;
         margin-bottom: $sub-menu-margin-bottom-small-view;
-- 
2.41.0