From 003e957a77ddf0f3207b86ef6b8a2bdc718405ef Mon Sep 17 00:00:00 2001
From: Galen Guyer <galen@galenguyer.com>
Date: Wed, 13 Apr 2022 22:07:22 -0400
Subject: mobile css improvements

---
 src/App.css | 45 ++++++++++++++++++++++++++-------------------
 1 file changed, 26 insertions(+), 19 deletions(-)

(limited to 'src/App.css')

diff --git a/src/App.css b/src/App.css
index 50e39d9..f4846a6 100644
--- a/src/App.css
+++ b/src/App.css
@@ -1,37 +1,44 @@
 .App {
-  text-align: center;
-  margin: auto;
-  max-width: 90vw;
+    text-align: center;
+    margin: auto;
+    max-width: 90vw;
 
-  position: relative;
-  min-height: 100vh;
-	display: flex;
-	flex-direction: column;
+    position: relative;
+    min-height: 100vh;
+    display: flex;
+    flex-direction: column;
 }
 
 .App h1 {
-  font-size: 2.4em;
-  margin: 18px 0px 8px 0px;
+    font-size: 2.4em;
+    margin: 18px 0px 8px 0px;
 }
 .Updated .Latest {
-  font-size: 1.3em;
-  margin: 0px;
+    font-size: 1.3em;
+    margin: 0px;
 }
 .Updated .Prior {
-  margin: 6px;
-  color: #666;
+    margin: 6px;
+    color: #666;
 }
 
 .App a {
-  text-decoration: none;
-  color: #000;
+    text-decoration: none;
+    color: #000;
 }
 
 .BlueLink {
-  color: #008 !important;
+    color: #008 !important;
 }
 
 footer {
-  margin-top: auto;
-  margin-bottom: 20px;
-}
\ No newline at end of file
+    margin-top: auto;
+    margin-bottom: 20px;
+}
+
+@media screen and (max-width: 600px) {
+    .App {
+        margin: auto;
+        max-width: 95vw;
+    }
+}
-- 
cgit v1.2.3