Stylization added to league top scorers adn table

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

@@ -48,4 +48,8 @@
 #standings-table tbody tr:hover {
     border: 1px solid lightgray;
     border-radius: 10px;
+
+    #club-name {
+        text-decoration: underline; /* Add underline effect */
+    }
 }

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

@@ -3,13 +3,28 @@
     /* Add any other styling you need for the top scorers container */
 }
 
-#top-scorers-container img {
-    width: 35px;
-    margin-right: 20px;
+#top-scorers-stats-container tbody tr {
+    margin-bottom: 10px; /* Adjust the value as needed */
 }
 
 #goals-column {
     text-align: center;
     font-size: 20px;
+    font-weight: bolder;
+}
+
+#top-scorers-logo {
+    width: 25px;
+    margin: 0 15px;
+}
+
+#player-name-column {
+    
+    font-size: 14px;
     font-weight: bold;
+    padding-right: 15px;
+}
+
+#club-name-column {
+    padding-right: 15px;
 }

ProjectSourceCode/src/views/pages/leagues-page.hbs

@@ -70,11 +70,11 @@
                     </thead>
                     <tbody>
                         {{#each topScorers.scorers}}
-                        <tr>
+                        <tr id="top-scorers-row">
                             <td id="goals-column">{{goals}}</td>
-                            <td><img src="{{team.team_crest}}" alt="{{table.team_name}} Crest" id="table-logo"></td>
-                            <td>{{player.player_name}}</td>
-                            <td>{{team.team_name}}</td>
+                            <td><img id="top-scorers-logo" src="{{team.team_crest}}" alt="{{table.team_name}} Crest"></td>
+                            <td id="player-name-column">{{player.player_name}}</td>
+                            <td id="club-name-column">{{team.team_name}}</td>
                             <td>{{games_played}}</td>
                         </tr>
                         {{/each}}