render download & docs the same

[nano-editor.git] / style.css

diff --git a/style.css b/style.css
index 3f1cb37487879173c740ea51bcd7e5c69e805ce8..670aa363adc9c62eb42be51f3d72c91bc06f1e2c 100644 (file)
--- a/style.css
+++ b/style.css
@@ -68,3 +68,36 @@ table#homepage {
        padding-top: 3em;
        padding-bottom: 3em;
 }
+
+table#top td,
+table#bottom td.indented {
+       padding-left: 1ch;
+       padding-right: 1ch;
+}
+
+table#docs,
+table#download {
+       width: 80%;
+}
+
+/* Mobile (i.e. phones) */
+@media only screen and (max-width: 768px) {
+body {
+       margin: 0px;
+}
+
+table#homepage {
+       font-size: x-small;
+}
+
+table#top td,
+table#bottom td.indented {
+       padding-left: 0.5ch;
+       padding-right: 0.5ch;
+}
+
+table#docs,
+table#download {
+       width: 100%;
+}
+}