From 5c06b53de95a6e3cac454880a5001b41c136ba2f Mon Sep 17 00:00:00 2001
From: rsiddharth <s@ricketyspace.net>
Date: Thu, 24 Oct 2019 20:35:03 -0400
Subject: nfsw/static/root.css: Update styling for smaller screens.

---
 nfsw/static/root.css | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/nfsw/static/root.css b/nfsw/static/root.css
index cdeb388..4a98fdc 100644
--- a/nfsw/static/root.css
+++ b/nfsw/static/root.css
@@ -49,9 +49,13 @@ header h1 {
     width: 120px;
 }
 
-@media (min-width: 100px) and (max-width: 420px) {
+@media (min-width: 100px) and (max-width: 650px) {
+    .nfsw-grid {
+        grid-template-columns: auto 95vw auto;
+    }
+
     header h1 {
-        font-size: 45px;
+        font-size: 30px;
     }
 
     .buttons {
@@ -60,6 +64,7 @@ header h1 {
     }
 
     .button {
-        width: 85%;
+        width: 75vw;
+        font-size: 20px;
     }
 }
-- 
cgit v1.2.3