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 1/4] 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;
   }
 }
 

From 22a7789b7b68c7fdf5367abcd794c089794448f5 Mon Sep 17 00:00:00 2001
From: James Hillyerd <james@hillyerd.com>
Date: Sun, 22 Mar 2020 20:22:10 -0700
Subject: [PATCH 2/4] ui: Prevent mailbox dropdown overflow

---
 ui/src/navbar.css | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/ui/src/navbar.css b/ui/src/navbar.css
index 157d365..6b0e118 100644
--- a/ui/src/navbar.css
+++ b/ui/src/navbar.css
@@ -50,6 +50,12 @@
   padding: 12px 15px;
 }
 
+.navbar-dropdown {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .navbar-dropdown-button {
   display: none;
 }
@@ -71,6 +77,9 @@ li.navbar-active span,
 .navbar-dropdown-content a {
   color: var(--navbar-color) !important;
   display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .navbar-dropdown-content a:hover {
@@ -139,6 +148,7 @@ li.navbar-active span,
 
   .navbar-dropdown {
     padding: 15px 19px 15px 25px;
+    max-width: 350px;
   }
 
   .navbar-dropdown-button {

From 66c95baf053c7a2eea4b36ec93f14ba29ed18196 Mon Sep 17 00:00:00 2001
From: James Hillyerd <james@hillyerd.com>
Date: Sun, 22 Mar 2020 21:20:38 -0700
Subject: [PATCH 3/4] ui: Horizontally center content on wide displays

---
 ui/src/mailbox.css | 3 ++-
 ui/src/main.css    | 6 ++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/ui/src/mailbox.css b/ui/src/mailbox.css
index 3efccd4..c0207b4 100644
--- a/ui/src/mailbox.css
+++ b/ui/src/mailbox.css
@@ -69,7 +69,8 @@
     grid-gap: 1px 20px;
     grid:
       "ctrl mesg" auto
-      "list mesg" 1fr / minmax(200px, 300px) minmax(650px, 1000px);
+      "list mesg" 1fr
+      / minmax(200px, 300px) minmax(650px, auto);
     height: 100%;
   }
 
diff --git a/ui/src/main.css b/ui/src/main.css
index b9f35fa..649770d 100644
--- a/ui/src/main.css
+++ b/ui/src/main.css
@@ -126,12 +126,14 @@ a.button {
   display: none;
 }
 
-@media (min-width: 1000px) {
+@media screen and (min-width: 1000px) {
   .app {
+    grid-column-gap: 40px;
     grid-template:
       "lpad head rpad" auto
       "lpad page rpad" 1fr
-      "foot foot foot" auto / minmax(20px, auto) 1fr minmax(20px, auto);
+      "foot foot foot" auto
+      / 1fr minmax(auto, 1300px) 1fr;
     height: 100vh;
   }
 

From c21066752f652e1b1d847e9156e148c8d6dfad1c Mon Sep 17 00:00:00 2001
From: James Hillyerd <james@hillyerd.com>
Date: Sun, 22 Mar 2020 21:53:19 -0700
Subject: [PATCH 4/4] travis: Switch to ubuntu bionic w/ preinstalled nodejs

---
 .travis.yml | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/.travis.yml b/.travis.yml
index 0d54435..0f08369 100644
--- a/.travis.yml
+++ b/.travis.yml
@@ -1,3 +1,5 @@
+dist: bionic
+
 env:
   global:
     - GO111MODULE=on
@@ -16,7 +18,7 @@ jobs:
       elm: "latest-0.19.1"
       elm-format: "latest-0.19.1"
       elm-test: "latest-0.19.1"
-      node_js: '10.19'
+      node_js: "10.16.0"
       install:
         - "cd ui"
         - "npm ci"