From 2720e4d74cf60a995a44a7139c4c3acd6fdb089b Mon Sep 17 00:00:00 2001
From: Lucas Patenaude <LUPA7501@colorado.edu>
Date: Sat, 13 Apr 2024 19:48:25 -0600
Subject: [PATCH] Styling added to top scorers

---
 .../src/resources/css/league-page/league-page.css  | 14 +++++++++++++-
 .../src/resources/css/league-page/league-table.css |  8 --------
 .../src/resources/css/league-page/top-scorers.css  |  1 +
 ProjectSourceCode/src/views/pages/league-page.hbs  |  9 ++++++---
 4 files changed, 20 insertions(+), 12 deletions(-)

diff --git a/ProjectSourceCode/src/resources/css/league-page/league-page.css b/ProjectSourceCode/src/resources/css/league-page/league-page.css
index 89a47dc..18bf351 100644
--- a/ProjectSourceCode/src/resources/css/league-page/league-page.css
+++ b/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 */
+}
diff --git a/ProjectSourceCode/src/resources/css/league-page/league-table.css b/ProjectSourceCode/src/resources/css/league-page/league-table.css
index 37c296c..439ad92 100644
--- a/ProjectSourceCode/src/resources/css/league-page/league-table.css
+++ b/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 {
diff --git a/ProjectSourceCode/src/resources/css/league-page/top-scorers.css b/ProjectSourceCode/src/resources/css/league-page/top-scorers.css
index 31fb97e..94422b1 100644
--- a/ProjectSourceCode/src/resources/css/league-page/top-scorers.css
+++ b/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 */
 }
diff --git a/ProjectSourceCode/src/views/pages/league-page.hbs b/ProjectSourceCode/src/views/pages/league-page.hbs
index e51df51..c1a148e 100644
--- a/ProjectSourceCode/src/views/pages/league-page.hbs
+++ b/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>