From f6075bd13149b4bf3380c4ba3645fc4b9ad14160 Mon Sep 17 00:00:00 2001
From: stupidcomputer <ryan@beepboop.systems>
Date: Fri, 21 Jun 2024 23:26:59 -0500
Subject: [PATCH] some style changes

---
 franklincce/static/style.css | 56 +++++++++++++++++++++++++-----------
 1 file changed, 39 insertions(+), 17 deletions(-)

diff --git a/franklincce/static/style.css b/franklincce/static/style.css
index a72dd80..1540487 100644
--- a/franklincce/static/style.css
+++ b/franklincce/static/style.css
@@ -59,19 +59,14 @@ nav#navbar {
     width: 100%;
 }
 
-@media only screen and (max-width: 280px) {
-    #rightnav {
-        display: none;
-    }
+h1, h2, h3, h4, h5, h6 {
+    color: var(--accented-text-color);
+    word-wrap: break-word;
 }
-@media only screen and (max-width: 570px) {
-    #legcontainer {
-        flex-direction: column;
-        padding-right: 10px;
-    }
-    #leginfo {
-        width: 100%;
-    }
+
+p, td, i, ul, li {
+    color: var(--text-color);
+    font-size: 16px;
 }
 
 .no-margin-top {
@@ -84,7 +79,7 @@ nav#navbar {
     padding-top: 0px;
     border: solid 1px;
     background-color: var(--component-bg-color);
-    border-radius: 5px;
+    border-radius: 15px;
 }
 
 .legnumbers {
@@ -92,10 +87,37 @@ nav#navbar {
     user-select: none;
 }
 
-h1, h2, h3, h4, h5, h6 {
-    color: var(--accented-text-color);
+@media only screen and (max-width: 280px) {
+    #rightnav {
+        display: none;
+    }
+}
+@media only screen and (max-width: 570px) {
+    nav#navbar {
+        padding-bottom: 10px;
+    }
+    #legcontainer {
+        flex-direction: column;
+        padding-right: 10px;
+    }
+    #leginfo {
+        width: 100%;
+    }
 }
 
-p, td, i, ul, li {
-    color: var(--text-color);
+@media (pointer: coarse)  {
+    #legcontainer {
+        flex-direction: column;
+        padding-right: 10px;
+    }
+    #leginfo {
+        width: 100%;
+    }
+    p, td, i, ul, li {
+        font-size: 26px;
+    }
+    nav#navbar {
+        font-size: 40px;
+        margin-bottom: 10px;
+    }
 }