[design] improve menu on small screens

Author: zombieFox

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-"],

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;

src/index.html

@@ -145,14 +145,14 @@
 
 <divclass="menu-nav">
 <divclass="menu-nav-area-tab menu-nav-area-grow mb-0 list-unstyled">
-<buttonclass="menu-nav-button control-menu-layout button button-slim mb-0 active" tabindex="-1">Layout</button>
-<buttonclass="menu-nav-button control-menu-header button button-slim mb-0" tabindex="-1">Header</button>
-<buttonclass="menu-nav-button control-menu-groups button button-slim mb-0" tabindex="-1">Groups</button>
-<buttonclass="menu-nav-button control-menu-bookmarks button button-slim mb-0" tabindex="-1">Bookmarks</button>
-<buttonclass="menu-nav-button control-menu-theme button button-slim mb-0" tabindex="-1">Theme</button>
-<buttonclass="menu-nav-button control-menu-background button button-slim mb-0" tabindex="-1">Background</button>
-<buttonclass="menu-nav-button control-menu-data button button-slim mb-0" tabindex="-1">Data</button>
-<buttonclass="menu-nav-button control-menu-nightTab button button-slim mb-0" tabindex="-1">nightTab</button>
+<buttonclass="menu-nav-button control-menu-layout button mb-0 active" tabindex="-1">Layout</button>
+<buttonclass="menu-nav-button control-menu-header button mb-0" tabindex="-1">Header</button>
+<buttonclass="menu-nav-button control-menu-groups button mb-0" tabindex="-1">Groups</button>
+<buttonclass="menu-nav-button control-menu-bookmarks button mb-0" tabindex="-1">Bookmarks</button>
+<buttonclass="menu-nav-button control-menu-theme button mb-0" tabindex="-1">Theme</button>
+<buttonclass="menu-nav-button control-menu-background button mb-0" tabindex="-1">Background</button>
+<buttonclass="menu-nav-button control-menu-data button mb-0" tabindex="-1">Data</button>
+<buttonclass="menu-nav-button control-menu-nightTab button mb-0" tabindex="-1">nightTab</button>
 </div>
 <divclass="menu-nav-area-close">
 <buttonclass="menu-nav-button control-menu-close button mb-0" tabindex="-1"><spanclass="icon-close"></span></button>