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] 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;
   }