From 5ae1b14aad152b51e85584262ca99b073e3fbef9 Mon Sep 17 00:00:00 2001 From: Lucas Patenaude Date: Wed, 24 Apr 2024 20:33:40 -0600 Subject: [PATCH] More styling added to account pane --- .../css/login-and-registration/account.css | 29 ++++++++++-------- .../login_and_registration.css | 1 - .../account-pane/delete-club-hover.png | Bin 0 -> 2641 bytes .../user-menu/account-pane/delete-club.png | Bin 0 -> 2207 bytes .../user-menu/account-screen.hbs | 16 +++++----- 5 files changed, 25 insertions(+), 21 deletions(-) create mode 100644 ProjectSourceCode/src/resources/img/navigation-bar/user-menu/account-pane/delete-club-hover.png create mode 100644 ProjectSourceCode/src/resources/img/navigation-bar/user-menu/account-pane/delete-club.png diff --git a/ProjectSourceCode/src/resources/css/login-and-registration/account.css b/ProjectSourceCode/src/resources/css/login-and-registration/account.css index 63b9a65..0029df2 100644 --- a/ProjectSourceCode/src/resources/css/login-and-registration/account.css +++ b/ProjectSourceCode/src/resources/css/login-and-registration/account.css @@ -22,16 +22,11 @@ } } -#login-form-container { - display: flex; - flex-direction: column; -} - -#favorite-teams-container { +#account-favorite-teams-container { padding: 10px; } -.favorite-teams-card { +.account-favorite-teams-card { display: flex; align-items: center; /* Align items vertically in the center */ @@ -45,10 +40,20 @@ } -.favorite-teams-card-logo-container { +#account-favorite-teams-card-logo { + width: 35px; + margin-right: 15px; +} - img { - width: 80px; - max-height: 80px; - } +#account-favorite-teams-card-title { + font-weight: 600; +} + + +.account-delete-favorite-team-button-container { + margin-left: auto; /* Align the container all the way to the right */ +} + +#account-delete-favorite-team-account-button { + width: 20px; } \ No newline at end of file diff --git a/ProjectSourceCode/src/resources/css/login-and-registration/login_and_registration.css b/ProjectSourceCode/src/resources/css/login-and-registration/login_and_registration.css index 80ab728..4ecdf60 100644 --- a/ProjectSourceCode/src/resources/css/login-and-registration/login_and_registration.css +++ b/ProjectSourceCode/src/resources/css/login-and-registration/login_and_registration.css @@ -24,7 +24,6 @@ } .account-portal-button { - width: 60px; text-decoration: none; padding: 5px 10px; diff --git a/ProjectSourceCode/src/resources/img/navigation-bar/user-menu/account-pane/delete-club-hover.png b/ProjectSourceCode/src/resources/img/navigation-bar/user-menu/account-pane/delete-club-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..beb7768ead448726031a7f06723cd81cef66a3de GIT binary patch literal 2641 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 literal 0 HcmV?d00001 diff --git a/ProjectSourceCode/src/views/partials/navigation-bar/user-menu/account-screen.hbs b/ProjectSourceCode/src/views/partials/navigation-bar/user-menu/account-screen.hbs index ea46efd..cec51cc 100644 --- a/ProjectSourceCode/src/views/partials/navigation-bar/user-menu/account-screen.hbs +++ b/ProjectSourceCode/src/views/partials/navigation-bar/user-menu/account-screen.hbs @@ -9,19 +9,19 @@ -
- Favorite Teams: +
+ Favorite Teams: {{#each fav_teams}} -
-
- +