Scorecard partial template added + changes to file names for clarity purposes

ProjectSourceCode/src/resources/css/live-scoreboard/scoreboard.css

@@ -1,19 +0,0 @@
-.scoreboard-container {
-    overflow-x: auto; /* Enable horizontal scrolling */
-    white-space: nowrap; /* Prevent cards from wrapping to the next line */
-}
-
-.league-container {
-    display: inline-block; /* Change display property to inline-block to prevent stretching */
-    border: 1px solid rgb(206, 202, 202);
-}
-
-#game-card {
-    display: inline-block; /* Display cards as inline-block to allow them to sit next to each other */
-    border: 1px solid #ccc;
-    padding: 20px;
-    margin: 10px 0; /* Remove horizontal margin */
-    min-height: 100px;
-    min-width: 150px;
-    box-sizing: border-box;
-}

ProjectSourceCode/src/resources/css/scoreboard-header/game-card.css

@@ -0,0 +1,31 @@
+#game-card {
+    display: inline-block; /* Display cards as inline-block to allow them to sit next to each other */
+    border: 1px solid #ccc;
+    padding: 20px;
+    margin: 10px 2px; /* Remove horizontal margin */
+    min-height: 100px;
+    min-width: 150px;
+    box-sizing: border-box;
+}
+
+.left-side {
+    width: 70%;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+}
+
+.right-side {
+    width: 30%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.team {
+    text-align: center;
+}
+
+.score {
+    text-align: center;
+}

ProjectSourceCode/src/resources/css/scoreboard-header/scoreboard.css

@@ -0,0 +1,9 @@
+.scoreboard-container {
+    overflow-x: auto; /* Enable horizontal scrolling */
+    white-space: nowrap; /* Prevent cards from wrapping to the next line */
+    border: 1px solid rgb(227, 225, 225);
+}
+
+.league-container {
+    display: inline-block; /* Change display property to inline-block to prevent stretching */
+}