[design] improve menu tabs on large screens

zombieFox · zombieFox · commit 47f86a953230 · 2020-01-01T08:25:16.000-07:00
diff --git a/src/css/menu.css b/src/css/menu.css
@@ -190,6 +190,8 @@
 
 @media (min-width: 1100px){
 .menu-nav-area-tab .menu-nav-button{
+ padding-left: 0.25em;
+ padding-right: 0.25em;
 flex-basis: auto;
 max-width: inherit;
 }
diff --git a/src/index.html b/src/index.html
@@ -144,7 +144,7 @@
 <div class="menu-area">
 
 <div class="menu-nav">
- <div class="menu-nav-area-tab menu-nav-area-grow mb-0 list-unstyled">
+ <div class="menu-nav-area-tab mb-0 list-unstyled">
 <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>

Original file line number	Diff line number	Diff line change
`@@ -190,6 +190,8 @@`
`190`	`190`
`191`	`191`	`@media (min-width:1100px){`
`192`	`192`	`.menu-nav-area-tab .menu-nav-button{`
	`193`	`+padding-left:0.25em;`
	`194`	`+padding-right:0.25em;`
`193`	`195`	`flex-basis: auto;`
`194`	`196`	`max-width: inherit;`
`195`	`197`	`}`
-Original file line number
+Diff line change
 <divclass="menu-area">
 <divclass="menu-nav">
 -<divclass="menu-nav-area-tab menu-nav-area-grow mb-0 list-unstyled">
 +<divclass="menu-nav-area-tab mb-0 list-unstyled">
 <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>