From d2da53cc0faed178b8791aab4d49d7f7774adc80 Mon Sep 17 00:00:00 2001
From: James Hillyerd <james@hillyerd.com>
Date: Sun, 22 Mar 2020 18:49:45 -0700
Subject: [PATCH] ui: Convert main.css to mobile first

---
 ui/src/main.css | 22 +++++++++++++---------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/ui/src/main.css b/ui/src/main.css
index db10671..b9f35fa 100644
--- a/ui/src/main.css
+++ b/ui/src/main.css
@@ -116,23 +116,27 @@ a.button {
   justify-content: center;
   grid-gap: 20px;
   grid-template:
-    "lpad head rpad" auto
+    "head head head" auto
     "lpad page rpad" 1fr
-    "foot foot foot" auto / minmax(20px, auto) 1fr minmax(20px, auto);
-  height: 100vh;
+    "foot foot foot" auto / 1px 1fr 1px;
+  height: auto;
 }
 
-@media (max-width: 999px) {
+.desktop {
+  display: none;
+}
+
+@media (min-width: 1000px) {
   .app {
     grid-template:
-      "head head head" auto
+      "lpad head rpad" auto
       "lpad page rpad" 1fr
-      "foot foot foot" auto / 1px 1fr 1px;
-    height: auto;
+      "foot foot foot" auto / minmax(20px, auto) 1fr minmax(20px, auto);
+    height: 100vh;
   }
 
-  .desktop {
-    display: none;
+  td.desktop, th.desktop {
+    display: table-cell;
   }
 }