I initially tried a 4px gap, but this did not provide enough space (the columns were still very close together). After bumping the spacing up to 8px, I confirmed it looks okay at all breakpoints.
Screenshots/Video
Mobile (385px):
Tablet (768px):
Desktop:
Checklist
[x] Code follows the project's coding standards
[x] Lint checks pass locally
[x] New CHANGELOG-your-feature-name-here.md is present in the root directory, describing the change(s) in full sentences.
[x] Unit tests covering the new feature have been added
[x] All existing tests pass
[x] Any relevant documentation in JIRA/Confluence has been updated to reflect the new feature
[x] Any new functionalities have appropriate analytics functionalities added
Additional Notes
Please specify any additional information or context relevant to this PR.
Summary
This PR introduces an 8-px gap between footer columns to improve readability/ensure that column text doesn't touch.
Design Documentation/Original Tickets
https://hms-dbmi.atlassian.net/browse/CAT-961
Testing
I initially tried a 4px gap, but this did not provide enough space (the columns were still very close together). After bumping the spacing up to 8px, I confirmed it looks okay at all breakpoints.
Screenshots/Video
Mobile (385px):
Tablet (768px):
Desktop:
Checklist
CHANGELOG-your-feature-name-here.mdis present in the root directory, describing the change(s) in full sentences.Additional Notes
Please specify any additional information or context relevant to this PR.