From 1fb7673aa4dc55a769bc57744d7fb63bf0bdd9c0 Mon Sep 17 00:00:00 2001
From: Josh Wright <joshnotwright@gmail.com>
Date: Mon, 19 Feb 2024 19:10:56 -0500
Subject: [PATCH] fix: resize game boxes and space out

---
 app/static/styles.css | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/app/static/styles.css b/app/static/styles.css
index f782ef0..f744e98 100644
--- a/app/static/styles.css
+++ b/app/static/styles.css
@@ -22,11 +22,12 @@ h1 {
     background-color: #333; /* Dark background color for game boxes */
     border-radius: 12px; /* Rounded corners */
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Add a subtle shadow */
-    padding: 20px;
-    margin-bottom: 20px;
-    margin-left: 20px;
-    margin-right: 20px;
-    width: 300px;
+    padding: 1%;
+    margin-bottom: 1%;
+    margin-top: 1%;
+    margin-left: 1.4%;
+    margin-right: 1.4%;
+    width: 15.2%;
     position: relative; /* Position relative for absolute positioning */
 }
 
@@ -215,7 +216,11 @@ h1 {
 
     .game-box {
         width: 90%; /* Adjust width for better fit on smaller screens */
-        margin: 10px; /* Adjust margins */
+        margin-left: 1.5%;
+        margin-right: 1.5%;
+        margin-top: 2.5%;
+        margin-bottom: 2.5%;
+        padding: 4%;
     }
 
     .team-info {