X-Git-Url: https://git.wh0rd.org/?p=nano-editor.git;a=blobdiff_plain;f=style.css;fp=style.css;h=be33cd90846f43ca55c9a3fac0a9cd6c9536cf1c;hp=670aa363adc9c62eb42be51f3d72c91bc06f1e2c;hb=3f2b89e4f93e19a2f5c31a456f64af39e2e6cb5a;hpb=69165b37b32064e3ad4b84dd98369f7dbb43de74

diff --git a/style.css b/style.css
index 670aa36..be33cd9 100644
--- a/style.css
+++ b/style.css
@@ -70,7 +70,7 @@ table#homepage {
 }
 
 table#top td,
-table#bottom td.indented {
+div#bottom .indented {
 	padding-left: 1ch;
 	padding-right: 1ch;
 }
@@ -80,6 +80,18 @@ table#download {
 	width: 80%;
 }
 
+div#bottom {
+	display: flex;
+	flex-wrap: wrap;
+}
+div#bottom span.menuitem {
+	flex-basis: 25%;
+	flex-grow: 1;
+	flex-shrink: 0;
+	line-height: 1em;
+	white-space: nowrap;
+}
+
 /* Mobile (i.e. phones) */
 @media only screen and (max-width: 768px) {
 body {
@@ -91,13 +103,25 @@ table#homepage {
 }
 
 table#top td,
-table#bottom td.indented {
+div#bottom .indented {
 	padding-left: 0.5ch;
 	padding-right: 0.5ch;
 }
 
+div#bottom span.menuitem {
+	font-size: large;
+	line-height: inherit;
+}
+
 table#docs,
 table#download {
 	width: 100%;
 }
 }
+
+@media only screen and (max-width: 600px) {
+div#bottom span.menuitem {
+	flex-basis: 50%;
+	line-height: 1.5em;
+}
+}