I made the separate profile image card and input fields into one card, which is still responsive. I also adjusted the input fields and the share and add buttons to be aligned left like the UX team's design.
I could not find the exact icon used for the edit button, so I used one from the Material Icons that looks similar. If the original icon from the Figma file is desired, please link to the source.
I also made the invite link align to the right, but another option would be to align it with the left of the input fields.
Future Steps/PRs Needed to Finish This Work (optional):
This component will look more like the designs in the Figma files once issue #605 is complete.
There are also additional comments in this issue around UI updates to the profile picture, which I will handle as next steps.
This PR:
Resolves #607
Screenshots (if applicable):
Additional Context (optional):
I made the separate profile image card and input fields into one card, which is still responsive. I also adjusted the input fields and the share and add buttons to be aligned left like the UX team's design.
I could not find the exact icon used for the edit button, so I used one from the Material Icons that looks similar. If the original icon from the Figma file is desired, please link to the source.
I also made the invite link align to the right, but another option would be to align it with the left of the input fields.
Future Steps/PRs Needed to Finish This Work (optional):
This component will look more like the designs in the Figma files once issue #605 is complete. There are also additional comments in this issue around UI updates to the profile picture, which I will handle as next steps.