Implement Figma mockup for registration
rebecca-shoptaw opened this issue · comments
Dependency to epic #7694. Sub-task of #9315.
Problem
The current registration form design is a bit clunky and non-intuitive, and could use a visual redesign.
Expected behavior / screenshots
Proposal & Constraints
- Adjust form structure by adding in necessary new HTML to match mockup
- Overhaul form CSS
- Add a note re: proper screen name format as part of the redesign process
- Note: Directly altering the width of the "Sign in with Google" button seems potentially not possible, since it is a Google iframe nested in an IA iframe, but I will center it as part of this PR which will hopefully be a suitable compromise design-wise
- Note: Closes #9106 because the message will no longer be included at all in the form design