league-table.css commented out

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

@@ -112,6 +112,12 @@
     box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.5);
 }
 
+/*
+==============================================================
+                       HOVER STYLES
+==============================================================
+*/
+
     /* Hover Styling for Standings and Top Scorers Cards */
     #table-stats-container:hover, #top-scorers-stats-container:hover 
     {

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

@@ -37,13 +37,21 @@
     /* Table Header Styling */
     th 
     {
+        background-color: white;
         border-bottom: 3px solid red; /* Add red bottom border */
     }
 
+    /* Data in Row Style */
     td
     {
         padding: 5px;
     }
+
+    /* Every Odd Row in Table Style */
+    tr:nth-child(odd) 
+    {
+        background-color: #f7c4c475; /* Light gray for odd rows */
+    }
 }
 
     /*
@@ -52,7 +60,7 @@
     ===========================
     */
 
-    /* Set the width for the column containing the club logo */
+    /* Club Logo Column in Table Style */
     #club-logo-column {
         width: 25px; 
 
@@ -66,39 +74,38 @@
 
     }
 
-    /* Style the club name column */
+    /* Club Name Column in Table Style */
     #club-name-column 
     {
         cursor: pointer;
     }
 
+    /* Points Column in Table Style */
     #points-column 
     {
         font-weight: bolder;
     }
 
-/* Define styles for odd and even rows */
-#standings-table tbody tr:nth-child(odd) 
-{
-    background-color: #f7c4c475; /* Light gray for odd rows */
-}
-
-#standings-table tbody tr:nth-child(even) 
-{
-    background-color: #ffffff; /* White for even rows */
-}
+/*
+==============================================================
+                       HOVER STYLES
+==============================================================
+*/
 
 /* Add hover effect to table rows */
 #standings-table tbody tr:hover 
 {
+    /* Create border around row on hover */
     border: 1px solid lightgray;
     border-radius: 10px;
 
+    /* Make club logo larger on hover */
     #table-club-logo 
     {
         width: 32px;
     }
 
+    /* Undeline club name on hover */
     #club-name-column 
     {
         text-decoration: underline; /* Add underline effect */
@@ -111,6 +118,7 @@
 ==============================================================
 */
 
+/* Stlye for Screens Smaller than 1230px */
 @media (max-width: 1230px) 
 {
     #league-table-container