diff --git a/ProjectSourceCode/src/resources/css/league-pages/top-scorers.css b/ProjectSourceCode/src/resources/css/league-pages/top-scorers.css index f6c5c98..8678e0e 100644 --- a/ProjectSourceCode/src/resources/css/league-pages/top-scorers.css +++ b/ProjectSourceCode/src/resources/css/league-pages/top-scorers.css @@ -1,17 +1,68 @@ -#top-scorers-container { +/* +================================= + TABLE ADN HEADER CONTAINER +================================= +*/ + +#top-scorers-container +{ width: 40%; - /* Add any other styling you need for the top scorers container */ } -#top-scorers-stats-container th { - border-bottom: 3px solid red; /* Add red bottom border */ +#top-scorers-stats-container { + + th + { + border-bottom: 3px solid red; /* Add red bottom border */ + } + + tr + { + padding: 3px; + } } -#top-scorers-stats-container tbody tr { - padding: 3px; -} + /* + =========================== + TABLE COLUMNS STYLE + =========================== + */ -#top-scorers-stats-container tbody tr:hover { + #goals-column + { + text-align: center; + font-size: 20px; + font-weight: bolder; + } + + #top-scorers-logo + { + width: 25px; + margin: 0 15px; + cursor: pointer; + } + + #player-name-column + { + + font-size: 14px; + font-weight: bold; + padding-right: 15px; + } + + #club-name-column + { + padding-right: 15px; + } + +/* +============================================================== + HOVER STYLES +============================================================== +*/ + +#top-scorers-stats-container tbody tr:hover +{ border: 1px solid lightgray; @@ -24,28 +75,11 @@ } } -#goals-column { - text-align: center; - font-size: 20px; - font-weight: bolder; -} - -#top-scorers-logo { - width: 25px; - margin: 0 15px; - cursor: pointer; -} - -#player-name-column { - - font-size: 14px; - font-weight: bold; - padding-right: 15px; -} - -#club-name-column { - padding-right: 15px; -} +/* +============================================================== + DYNAMIC PAGE WIDTH STYLES +============================================================== +*/ @media (max-width: 1230px) { #top-scorers-container {