Changes to league-pages.hbs to make individual elements more clear

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

@@ -23,13 +23,13 @@
 */
 
 /* Container for Table */
-#table-stats-container 
+#league-table-stats-container 
 {
    width: 100%;    
 }
 
 /* Table that holds all the standing information */
-#standings-table 
+#league-standings-table 
 {
     width: 100%;
     padding: 15px;
@@ -60,11 +60,11 @@
     */
 
     /* Club Logo Column in Table Style */
-    #club-logo-column {
+    #league-table-club-logo-column {
         width: 25px; 
 
         /* Club Logo Style */
-        #table-club-logo 
+        #league-table-club-logo 
         {      
             width: 25px;
             margin-right: 5px;
@@ -74,14 +74,14 @@
     }
 
     /* Club Name Column in Table Style */
-    #club-name-column 
+    #league-table-club-name-column 
     {
         font-weight: 500;
         cursor: pointer;
     }
 
     /* Points Column in Table Style */
-    #points-column 
+    #league-table-points-column 
     {
         font-weight: bolder;
     }
@@ -93,20 +93,20 @@
 */
 
 /* Add hover effect to table rows */
-#standings-table tbody tr:hover 
+#league-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 
+    #league-table-club-logo
     {
         width: 32px;
     }
 
     /* Undeline club name on hover */
-    #club-name-column 
+    #league-table-club-name-column 
     {
         text-decoration: underline; /* Add underline effect */
     }