tighten up bottom table for mobile

[nano-editor.git] / style.css

diff --git a/style.css b/style.css
index e9dcf1fd25db626c4fe5481b997ee2be6f891493..b865d006a1e90de7b52950404307d8327225ffc1 100644 (file)
--- a/style.css
+++ b/style.css
@@ -58,3 +58,34 @@ a:active {
        width: 45%;
        padding: 5%;
 }
+
+table {
+       border-spacing: 0px;
+       border-collapse: separate;
+}
+
+table#homepage {
+       padding-top: 3em;
+       padding-bottom: 3em;
+}
+
+table#bottom td.indented {
+       padding-left: 1ch;
+       padding-right: 1ch;
+}
+
+/* Mobile (i.e. phones) */
+@media only screen and (max-width: 768px) {
+body {
+       margin: 0px;
+}
+
+table#homepage {
+       font-size: x-small;
+}
+
+table#bottom td.indented {
+       padding-left: 0.5ch;
+       padding-right: 0.5ch;
+}
+}