tabbing in quicklinks, small screen menu

[serve0] / static / common.css

diff --git a/static/common.css b/static/common.css
index 94c0c2904e6ec4d845fb3d903d3a84c9e248721d..ede3339a84f87ed206d7b41e3007a1431d676406 100644 (file)
--- a/static/common.css
+++ b/static/common.css
@@ -115,16 +115,17 @@ body.playctl:before {
 input[name=topmenu] {display: none;}
 input[name=topmenu] + label {
   position: relative;
-  top: -3em;
-  max-width: 25%;
-  margin: .5em 0 0 0;
+  top: -2.5em;
   display: inline-block;
   text-decoration: none;
-  padding: .5em 1.5em;
+  padding: .5em .5em;
   line-height: 1.25em;
   transition: none;
   border: 1px none #FFF;
+  text-align: center;
 }
+@media (min-width: 620px){input[name=topmenu] + label { padding: .5em 1.5em; }}
+
 input[name=topmenu]:checked + label {
   background-color: #333;
   margin-left: -1px; margin-top: -1px;