From a329c2e8b25f829a115de7602a86e9fce58347cf Mon Sep 17 00:00:00 2001
From: Josh Wright <joshnotwright@gmail.com>
Date: Tue, 20 Feb 2024 14:32:17 -0500
Subject: [PATCH] fix: styles.css adjustments

---
 app/static/styles.css | 38 ++++++++++++++++++++++++++------------
 1 file changed, 26 insertions(+), 12 deletions(-)

diff --git a/app/static/styles.css b/app/static/styles.css
index 3e58f6e..f85f9d5 100644
--- a/app/static/styles.css
+++ b/app/static/styles.css
@@ -58,9 +58,9 @@ h1 {
 }
 
 /* Add a media query for screens between 769px and 900px */
-@media only screen and (max-width: 900px) and (min-width: 769px) {
+@media only screen and (max-width: 950px) and (min-width: 769px) {
     .team-name {
-        font-size: 75%; /* Adjusted font size for screens between 769px and 900px */
+        font-size: 0.55rem; /* Adjusted font size for screens between 769px and 900px */
     }
 }
 
@@ -71,9 +71,16 @@ h1 {
 }
 
 .team-record {
-    font-size: 70%;
-    margin-left: auto;
+    font-size: 0.75rem;
     font-weight: bold;
+    margin-left: auto;
+}
+
+/* Add a media query for screens between 769px and 900px */
+@media only screen and (max-width: 950px) and (min-width: 769px) {
+    .team-record {
+        font-size: 0.45rem; /* Adjusted font size for screens between 769px and 900px */
+    }
 }
 
 .team-sog {
@@ -115,7 +122,7 @@ h1 {
     background-color: #444;
     padding: 1.5%;
     border-radius: 5px;
-    font-size: 65%;
+    font-size: 0.65rem;
     color: #fff; 
     font-weight: bolder; 
     z-index: 1; 
@@ -126,6 +133,13 @@ h1 {
     align-items: center;
 }
 
+/* Add a media query for screens between 769px and 900px */
+@media only screen and (max-width: 950px) and (min-width: 769px) {
+    .pre-state {
+        font-size: 0.55rem; /* Adjusted font size for screens between 769px and 900px */
+    }
+}
+
 .final-state {
     position: absolute;
     top: 5%;
@@ -275,8 +289,8 @@ h1 {
     }
 
     .live-state {
-        top: 4%;
-        left: 3%;
+        top: 5%;
+        left: 3.5%;
         padding: 1.5%;
         border-radius: 5px;
         font-size: 80%;
@@ -285,7 +299,7 @@ h1 {
     }
     
     .live-time {
-        top: 4%;
+        top: 5%;
         left: 13%;
         padding: 1.5%;
         border-radius: 5px;
@@ -299,7 +313,7 @@ h1 {
     
     .live-state-intermission {
         top: 5%;
-        left: 4%;
+        left: 3.5%;
         padding: 1.5%;
         border-radius: 5px;
         font-size: 80%;
@@ -325,7 +339,7 @@ h1 {
 
     .final-state {
         top: 5%;
-        left: 4%;
+        left: 3.5%;
         padding: 1.5%;
         border-radius: 5px;
         font-size: 72%;
@@ -334,8 +348,8 @@ h1 {
     }
 
     .pre-state {
-        top: 4%;
-        left: 4%;
+        top: 5%;
+        left: 3.5%;
         padding: 1.5%;
         border-radius: 5px;
         font-size: 80%;