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

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

@@ -96,7 +96,7 @@
 }
 
 /* Styling for Standings and Top Scorers Cards */
-#table-stats-container, #top-scorers-stats-container 
+#league-table-stats-container, #league-top-scorers-stats-container 
 {
     /* --- POSITION CONTAINER --- */
     margin: 0 10px;

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 */
     }

ProjectSourceCode/src/resources/css/league-pages/league-top-scorers.css

@@ -4,12 +4,12 @@
 =================================
 */
 
-#top-scorers-container 
+#league-top-scorers-container 
 {
     width: 40%;
 }
 
-#top-scorers-stats-container {
+#league-top-scorers-stats-container {
 
     /* Table Header Styling */
     th 
@@ -35,21 +35,21 @@
     ===========================
     */
 
-    #goals-column 
+    #league-top-scorers-goals-column 
     {
         text-align: center;
         font-size: 20px;
         font-weight: bolder;
     }
 
-    #top-scorers-logo 
+    #league-top-scorers-logo 
     {
         width: 25px;
         margin: 0 15px;
         cursor: pointer;
     }
 
-    #player-name-column 
+    #league-top-scorers-player-name-column 
     {
     
         font-size: 14px;
@@ -57,7 +57,7 @@
         padding-right: 15px;
     }
     
-    #club-name-column 
+    #league-top-scorers-club-name-column 
     {
         padding-right: 15px;
     }
@@ -68,16 +68,16 @@
 ==============================================================
 */
 
-#top-scorers-stats-container tbody tr:hover 
+#league-top-scorers-stats-container tbody tr:hover 
 {
 
     border: 1px solid lightgray;
 
-    #top-scorers-logo {
+    #league-top-scorers-logo {
         width: 32px;
     }
     
-    #club-name-column {
+    #league-top-scorers-player-name-column {
         text-decoration: underline;
     }
 }
@@ -89,7 +89,7 @@
 */
 
 @media (max-width: 1230px) {
-    #top-scorers-container {
+    #league-top-scorers-logo {
         align-items: center;
         width: 75%;
     }