Improve design of the Foster Invite form using vertical form inputs

[edwinthinks]

🔗 Issue

#1288

✍️ Description

Clean up some stylings while making some design decisions along the way. One thing I decided to try out was to put all input fields in the same column rather than trying to split them. I've been told that it is best practice for design to not do two column forms. The reasoning to me makes sense, you don't want to change a person's context when reading from left to right and downwards. This also solves the problem with handling mobile mode as it already is stacked on top of each other.

I recommend sticking to this pattern since there will less work figuring out what the next styling should be. My rule of thumb is stick to the vertical forms until it breaks and you need to introduce something else more unique.

📷 Screenshots/Demos

Desktop:

Mobile:

[kasugaijin]

@edwinthinks ah yes single column is great. I agree we should stick to this. It makes sense based on your rationale.