More changes to club page. Cards and Headers are now mostly split

ProjectSourceCode/src/resources/css/club-pages/club-information-card.css

@@ -1,4 +1,7 @@
-#club-history-container {
-    width: 20%;
+#club-information-container {
     height: fit-content;
+    width: 20%;
+
+    display: flex;
+    flex-direction: column;
 }

ProjectSourceCode/src/resources/css/club-pages/club-page.css

@@ -10,7 +10,7 @@
 =================================
 */
 
-#club-information-container {
+#club-header-container {
     height: 100px;
     width: fit-content;
     margin: 20px;
@@ -76,7 +76,7 @@
 }
 
 /* Styling for Standings and Top Scorers Cards */
-#club-history-container, #club-stats-and-players-container 
+#club-information-table-container, #club-competitions-table-container, #club-stats-and-players-container 
 {
     /* --- POSITION CONTAINER --- */
     margin: 0 10px;

ProjectSourceCode/src/resources/css/club-pages/club-players-and-stats-card.css

@@ -3,7 +3,32 @@
     width: 80%;
 }
 
+/*
+=================================
+      PLAYER TABLE CONTAINER
+=================================
+*/
+
 /* Table containing player information */
 #club-players-table {
     width: 100%;
+    padding: 15px;
+
+    /* Table Header Styling */
+    th 
+    {
+        border-bottom: 3px solid red; /* Add red bottom border */
+    }
+
+    /* Data in Row Style */
+    td
+    {
+        padding: 5px;
+    }
+
+    /* Every Odd Row in Table Style */
+    tbody tr:nth-child(odd) 
+    {
+        background-color: #d2d2d2; /* Light gray for odd rows */
+    }
 }

ProjectSourceCode/src/resources/css/league-pages/league-table.css

@@ -1,6 +1,6 @@
 /*
 =================================
-    TABLE ADN HEADER CONTAINER
+    TABLE AND HEADER CONTAINER
 =================================
 */
 
@@ -22,12 +22,6 @@
 =================================
 */
 
-/* Container for Table */
-#league-table-stats-container 
-{
-   width: 100%;    
-}
-
 /* Table that holds all the standing information */
 #league-standings-table 
 {