search

bloom-housing / bloom

component-based web framework for affordable housing management
Apache License 2.0
33 stars 24 forks source link

Building address fields small screen UX issue #2589

Open emilyjablonski opened 2 years ago

emilyjablonski commented 2 years ago

On smaller desktop screens, the state / zip fields on the building address part of the listing form are given very little room to render. Is there some sort of re-arranging of form real estate we might want to do to improve this? @slowbot Screen Shot 2022-03-24 at 3.42.49 PM.png

slowbot commented 2 years ago

@emilyjablonski Who is driving the prioritization of mobile screen sizes? This has intentionally been out of our scope. @kathyccheng

Happy to make recs

  1. I would not have built this grid this way. I would have tried to make it a two column container grid with address fields on the left column and other fields on the right. That way when you drop columns it would be more mobile friendly.
  2. WIth the columns we have the next breakpoint down would be to drop Zip and Yea Built to a new line