X-Git-Url: https://git.wh0rd.org/?a=blobdiff_plain;f=style.css;h=cd59d15db87eb6642abdff02a224cb3e47862a86;hb=d4c769b8ec41d1820237f2e91d9b7a91967ca97d;hp=65e93a22b383d0288b000944a48798b3e5ed1a95;hpb=795d27ea2f3bd7b75a65f88d28b1f7c13c0c6eee;p=nano-editor.git

diff --git a/style.css b/style.css
index 65e93a2..cd59d15 100644
--- a/style.css
+++ b/style.css
@@ -70,24 +70,66 @@ table#homepage {
 }
 
 table#top td,
-table#bottom td.indented {
+div#bottom .indented {
 	padding-left: 1ch;
 	padding-right: 1ch;
 }
 
+table#docs,
+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 {
 	margin: 0px;
 }
 
+blockquote {
+	margin: 1em 0 1em 0;
+}
+
 table#homepage {
 	font-size: x-small;
 }
 
 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%;
+}
+
+#screenshots ul {
+	padding-left: 0;
+}
+}
+
+@media only screen and (max-width: 600px) {
+div#bottom span.menuitem {
+	flex-basis: 50%;
+	line-height: 1.5em;
+}
 }