nfsw/static/root.css: Update styling for smaller screens.

1 files 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;
     }
 }