Profile Page CSS Tweaks

[kellyel]

Proposed changes

• Make button on password page have a spinner during submission
• Fix spacing on edit user submit/cancel buttons
• Fix styling for chips (PvChip's default stylings seem to be broken- I'm sure this has to do with the changes to CSS going on)

Types of changes

What types of changes does this pull request introduce?

• [x] Bugfix (non-breaking change which fixes an issue)
• [ ] New feature (non-breaking change which adds functionality)
• [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
• [ ] Refactoring (non-breaking change that does not add functionality but makes code cleaner or more efficient)
• [ ] Documentation Update
• [ ] Tests (new or updated tests)
• [ ] Style (changes to code styling)
• [ ] CI (continuous integration changes)
• [ ] Repository Maintenance
• [ ] Other (please describe below)

Checklist

• [x] I have read the guidelines for contributing.
• [x] The changes in this PR are as small as they can be. They represent one and only one fix or enhancement.
• [x] Linting checks pass with my changes.
• [x] Any existing unit tests pass with my changes.
• [x] Any existing end-to-end tests pass with my changes.
• [x] I have added tests that prove my fix is effective or that my feature works.
• [x] If this PR fixes an existing issue, I have added a unit or end-to-end test that will detect if this issue reoccurs.
• [x] I have added JSDoc comments as appropriate.
• [x] I have added the necessary documentation to the roar-docs repository.
• [ ] I have shared this PR on the roar-pr-reviews channel (if I have access)
• [x] I have linked relevant issues (if any)

Justification of missing checklist items

No test needed, CSS tweaks

Further comments

[github-actions[bot]]

Visit the preview URL for this PR (updated for commit d92c8e4):

https://roar-staging--pr722-enh-profile-css-twea-yuk9anop.web.app

_{(expires Wed, 31 Jul 2024 20:32:09 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 2631e9c58fd0104ecbfddd72a62245ddac467460}

[cypress[bot]]

Passing run #4411 ↗︎

0

26

0

0

0

Details:

Tests for PR 722 "Profile Page CSS Tweaks" from commit "d92c8e4123f95bf47597617b...
Project: roar-dashboard-e2e	Commit: d92c8e4123
Status: Passed	Duration: 03:41 💡
Started: Jul 24, 2024 8:32 PM	Ended: Jul 24, 2024 8:35 PM

Review all test suite changes for PR #722 ↗︎

[Emily-ejag]

It looks great, Can I ask the Collapse button to be higher? or on the top. Because it is behind the report a bug: