Styling added to top scorers

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

@@ -1,7 +1,7 @@
 #league-page-body {
     display: flex;
     flex-direction: column;
-    height: 100vh;
+    width: 100%;
 }
 
 #league-information-container {
@@ -53,3 +53,15 @@
     display: flex;
     flex: 1;
 }
+
+#league-stats-container .container {
+    margin: 0 10px;
+
+    background-color: #eaeaea; /* Example background color */
+
+    border: 1px solid gray;
+    border-radius: 8px;
+
+    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.4);
+    /* Add any other styling you need for the league table container */
+}

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

@@ -1,13 +1,5 @@
 #league-table-container {
-
     width: 60%;
-    background-color: #eaeaea; /* Example background color */
-
-    border: 1px solid gray;
-    border-radius: 8px;
-
-    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.4);
-    /* Add any other styling you need for the league table container */
 }
 
 #standings-table {

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

@@ -1,5 +1,6 @@
 #top-scorers-container {
     flex: 1;
     background-color: #dcdcdc; /* Example background color */
+    width: 40%;
     /* Add any other styling you need for the top scorers container */
 }

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

@@ -54,18 +54,21 @@
                 <thead>
                     <tr>
                         <th>Player Name</th>
-                        <th>Team Name</th>
-                        <th>Games Played</th>
+                        <th>GP</th>
                         <th>Goals</th>
+                        <th></th>
+                        <th>Team Name</th>
                     </tr>
                 </thead>
                 <tbody>
                     {{#each topScorers.scorers}}
                     <tr>
                         <td>{{player.player_name}}</td>
-                        <td>{{team.team_name}}</td>
                         <td>{{games_played}}</td>
                         <td>{{goals}}</td>
+                        <td><img src="{{team.team_crest}}" alt="{{table.team_name}} Crest" id="table-logo"></td>
+                        <td>{{team.team_name}}</td>
+
                     </tr>
                     {{/each}}
                 </tbody>