From 468a03e6461d5b17d74397afe2d90592ce72396a Mon Sep 17 00:00:00 2001
From: Josh Wright <joshnotwright@gmail.com>
Date: Mon, 19 Feb 2024 16:20:21 -0500
Subject: [PATCH] fix: live game state and time spacing and size

---
 app/static/styles.css | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/app/static/styles.css b/app/static/styles.css
index 06e4327..f782ef0 100644
--- a/app/static/styles.css
+++ b/app/static/styles.css
@@ -134,6 +134,7 @@ h1 {
     color: #fff; /* White text color for live state */
     font-weight: bolder; /* Bold text for live state */
     z-index: 1; /* Ensure the live state box is above other content */
+    width: 18px;
 }
 
 .live-state-intermission {
@@ -147,6 +148,7 @@ h1 {
     color: #fff; /* White text color for live state */
     font-weight: bolder; /* Bold text for live state */
     z-index: 1; /* Ensure the live state box is above other content */
+    width: 40px;
 }
 
 .live-time {
@@ -159,18 +161,26 @@ h1 {
     font-size: 12px;
     color: #ddd; /* Lighter text color for time box */
     z-index: 1; /* Ensure the time box is above other content */
+    width: 30px;
+    display: flex; /* Use flexbox */
+    justify-content: space-evenly; /* Center content horizontally */
+    align-items: center; /* Center content vertically */
 }
 
 .live-time-intermission {
     position: absolute;
     top: 10px;
-    left: 60px; /* Adjusted left position */
+    left: 65px; /* Adjusted left position */
     background-color: #444; /* Darker background color for time box */
     padding: 5px;
     border-radius: 5px;
     font-size: 12px;
     color: #ddd; /* Lighter text color for time box */
     z-index: 1; /* Ensure the time box is above other content */
+    width: 30px;
+    display: flex; /* Use flexbox */
+    justify-content: space-evenly; /* Center content horizontally */
+    align-items: center; /* Center content vertically */
 }
 
 #live-games-section {