diff --git a/ProjectSourceCode/src/resources/css/league-page/league-table.css b/ProjectSourceCode/src/resources/css/league-page/league-table.css index 439ad92..9e8abcf 100644 --- a/ProjectSourceCode/src/resources/css/league-page/league-table.css +++ b/ProjectSourceCode/src/resources/css/league-page/league-table.css @@ -1,5 +1,7 @@ #league-table-container { width: 60%; + justify-content: center; + align-items: center; } #standings-table { @@ -7,9 +9,14 @@ padding: 5px; } -#table-logo { +#club-logo { width: 20px; margin-right: 5px; + cursor: pointer; +} + +#club-name { + cursor: pointer; } #standings-table td { diff --git a/ProjectSourceCode/src/resources/routes/club-pages/redirect-to-club-url.js b/ProjectSourceCode/src/resources/routes/club-pages/redirect-to-club-url.js index 6817f1c..7b39375 100644 --- a/ProjectSourceCode/src/resources/routes/club-pages/redirect-to-club-url.js +++ b/ProjectSourceCode/src/resources/routes/club-pages/redirect-to-club-url.js @@ -1,5 +1,5 @@ // Add click event listener to club logos -document.querySelectorAll('.club-logo').forEach(element => { +document.querySelectorAll('#club-logo, #club-name').forEach(element => { element.addEventListener('click', (event) => { // Get the club ID from the clicked club logo's clubID attribute const clubId = element.getAttribute('clubID'); diff --git a/ProjectSourceCode/src/views/pages/leagues-page.hbs b/ProjectSourceCode/src/views/pages/leagues-page.hbs index fa49e48..2b2d4db 100644 --- a/ProjectSourceCode/src/views/pages/leagues-page.hbs +++ b/ProjectSourceCode/src/views/pages/leagues-page.hbs @@ -32,8 +32,8 @@ {{#each league.standings}} {{table.league_position}} - -

{{table.team_name}}

+ + {{table.team_name}} {{games_played}} {{wins}} {{losses}}