From 31b84e44f7ecaacdec097776ab3cca6a1c50f782 Mon Sep 17 00:00:00 2001
From: Lucas Patenaude <LUPA7501@colorado.edu>
Date: Wed, 3 Apr 2024 17:45:30 -0600
Subject: [PATCH] Scoreboard spacing updated

---
 .../css/scoreboard-header/game-card.css       | 36 +++++++++----------
 .../partials/scoreboard-header/game-card.hbs  |  2 +-
 .../scoreboard-header/scoreboard-header.hbs   |  6 ++++
 3 files changed, 23 insertions(+), 21 deletions(-)

diff --git a/ProjectSourceCode/src/resources/css/scoreboard-header/game-card.css b/ProjectSourceCode/src/resources/css/scoreboard-header/game-card.css
index ae4b851..b4323a8 100644
--- a/ProjectSourceCode/src/resources/css/scoreboard-header/game-card.css
+++ b/ProjectSourceCode/src/resources/css/scoreboard-header/game-card.css
@@ -2,42 +2,38 @@
     display: inline-block; /* Display cards as inline-block to allow them to sit next to each other */
     border: 1px solid #ccc;
     padding: 10px;
-    margin: 10px 2px; /* Remove horizontal margin */
+    margin: 10px 10px; /* Remove horizontal margin */
     min-height: 100px;
-    min-width: 250px;
+    min-width: 200px;
     box-sizing: border-box;
 }
 
-/* Add these styles to your existing CSS file or create a new one */
-.card-body {
+.score-card-body {
     display: flex;
+    width: 100%;
+    justify-content: center;
+    align-items: center;
 }
 
 .left-side {
-    width: 70%;
+    flex: 70%;
     display: flex;
     flex-direction: column;
-    justify-content: space-between;
+}
+
+.right-side {
+    flex: 30%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
 }
 
 .team {
     display: flex;
     align-items: center;
+    padding: 5px;
 }
 
 .team p {
-    margin: 5px;
+    margin-right: 10px; /* Adjust this value to control the space between team name and score */
 }
-
-.right-side {
-    width: 30%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-.score p {
-    margin: 0;
-    text-align: center;
-}
-
diff --git a/ProjectSourceCode/src/views/partials/scoreboard-header/game-card.hbs b/ProjectSourceCode/src/views/partials/scoreboard-header/game-card.hbs
index 37275d9..866465e 100644
--- a/ProjectSourceCode/src/views/partials/scoreboard-header/game-card.hbs
+++ b/ProjectSourceCode/src/views/partials/scoreboard-header/game-card.hbs
@@ -1,5 +1,5 @@
 <div class="card" id="game-card">
-    <div class="card-body">
+    <div class="score-card-body">
 
         <!-- Left side (70%) -->
         <div class="left-side">
diff --git a/ProjectSourceCode/src/views/partials/scoreboard-header/scoreboard-header.hbs b/ProjectSourceCode/src/views/partials/scoreboard-header/scoreboard-header.hbs
index a3d6118..6505170 100644
--- a/ProjectSourceCode/src/views/partials/scoreboard-header/scoreboard-header.hbs
+++ b/ProjectSourceCode/src/views/partials/scoreboard-header/scoreboard-header.hbs
@@ -3,6 +3,12 @@
         
         <!-- Insert a game card -->
         {{> scoreboard-header/game-card}}
+        {{> scoreboard-header/game-card}}
+        {{> scoreboard-header/game-card}}
+        {{> scoreboard-header/game-card}}
+        {{> scoreboard-header/game-card}}
+        {{> scoreboard-header/game-card}}
+        {{> scoreboard-header/game-card}}
 
     </div>
 </div>