From 737eb22861f8138fad55ae984790b9d09f922d2c Mon Sep 17 00:00:00 2001
From: zombieFox <crudetoaster@gmail.com>
Date: Sat, 28 Dec 2019 09:00:07 -0700
Subject: [PATCH] [design] improve menu on small screens

---
 src/css/button.css |  4 ----
 src/css/menu.css   |  5 ++---
 src/index.html     | 16 ++++++++--------
 3 files changed, 10 insertions(+), 15 deletions(-)

diff --git a/src/css/button.css b/src/css/button.css
index c8cc505c..e2943b2c 100755
--- a/src/css/button.css
+++ b/src/css/button.css
@@ -151,10 +151,6 @@ button [class*=" icon-"],
   width: 100%;
 }
 
-.button-slim {
-  padding: 0;
-}
-
 button [class^="button-"],
 button [class*=" button-"],
 .button [class^="button-"],
diff --git a/src/css/menu.css b/src/css/menu.css
index 3bb655a8..6b68a983 100755
--- a/src/css/menu.css
+++ b/src/css/menu.css
@@ -130,12 +130,11 @@
   .menu {
     width: 70vw;
     height: 100%;
-    overflow-y: inherit;
-    max-height: inherit;
+    max-height: initial;
   }
 
   .menu-area {
-    overflow-y: inherit;
+    overflow-y: initial;
     display: grid;
     grid-template-columns: 1fr;
     grid-template-rows: auto 1fr;
diff --git a/src/index.html b/src/index.html
index 0ad6f1bf..4019894a 100644
--- a/src/index.html
+++ b/src/index.html
@@ -145,14 +145,14 @@
 
       <div class="menu-nav">
         <div class="menu-nav-area-tab menu-nav-area-grow mb-0 list-unstyled">
-          <button class="menu-nav-button control-menu-layout button button-slim mb-0 active" tabindex="-1">Layout</button>
-          <button class="menu-nav-button control-menu-header button button-slim mb-0" tabindex="-1">Header</button>
-          <button class="menu-nav-button control-menu-groups button button-slim mb-0" tabindex="-1">Groups</button>
-          <button class="menu-nav-button control-menu-bookmarks button button-slim mb-0" tabindex="-1">Bookmarks</button>
-          <button class="menu-nav-button control-menu-theme button button-slim mb-0" tabindex="-1">Theme</button>
-          <button class="menu-nav-button control-menu-background button button-slim mb-0" tabindex="-1">Background</button>
-          <button class="menu-nav-button control-menu-data button button-slim mb-0" tabindex="-1">Data</button>
-          <button class="menu-nav-button control-menu-nightTab button button-slim mb-0" tabindex="-1">nightTab</button>
+          <button class="menu-nav-button control-menu-layout button mb-0 active" tabindex="-1">Layout</button>
+          <button class="menu-nav-button control-menu-header button mb-0" tabindex="-1">Header</button>
+          <button class="menu-nav-button control-menu-groups button mb-0" tabindex="-1">Groups</button>
+          <button class="menu-nav-button control-menu-bookmarks button mb-0" tabindex="-1">Bookmarks</button>
+          <button class="menu-nav-button control-menu-theme button mb-0" tabindex="-1">Theme</button>
+          <button class="menu-nav-button control-menu-background button mb-0" tabindex="-1">Background</button>
+          <button class="menu-nav-button control-menu-data button mb-0" tabindex="-1">Data</button>
+          <button class="menu-nav-button control-menu-nightTab button mb-0" tabindex="-1">nightTab</button>
         </div>
         <div class="menu-nav-area-close">
           <button class="menu-nav-button control-menu-close button mb-0" tabindex="-1"><span class="icon-close"></span></button>