Basic score card information implemented

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

@@ -1,18 +1,32 @@
 #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;
+    padding: 10px;
     margin: 10px 2px; /* Remove horizontal margin */
     min-height: 100px;
-    min-width: 150px;
+    min-width: 250px;
     box-sizing: border-box;
 }
 
+/* Add these styles to your existing CSS file or create a new one */
+.card-body {
+    display: flex;
+}
+
 .left-side {
     width: 70%;
     display: flex;
     flex-direction: column;
-    justify-content: center;
+    justify-content: space-between;
+}
+
+.team {
+    display: flex;
+    align-items: center;
+}
+
+.team p {
+    margin: 5px;
 }
 
 .right-side {
@@ -22,10 +36,8 @@
     align-items: center;
 }
 
-.team {
+.score p {
+    margin: 0;
     text-align: center;
 }
 
-.score {
-    text-align: center;
-}