Compress menu at narrow width.

1 files changed, 12 insertions, 4 deletions

diff --git a/test.scss b/test.scss
index 778ab4a..90299a2 100644
--- a/test.scss
+++ b/test.scss
@@ -37,20 +37,28 @@
 .topbar ul li a,
 .topbar ul li .selflink {
 	@include inline-block;
-	width: 10em;
-	padding: 1em;
+	width: 8em;
+	padding: 1em .5em;
 	background-color: #6699cc;
 	color: white;
 	&:hover {
 		background-color: lightblue;
 		color: #336699;
 	}
+	@media screen and (min-width: 701px) {
+		width: 10em;
+		padding: 1em;
+	}
 }
 
 // FIXME: change topbar inline-block-list padding instead
 .topbar ul li {
-	padding-left: .2em;
-	padding-right: .2em;
+	padding-left: 0;
+	padding-right: 0;
+	@media screen and (min-width: 701px) {
+		padding-left: .2em;
+		padding-right: .2em;
+	}
 }
 
 #content {