How do we handle labels on many-to-one fields on mobile?

codeforamerica / rva-screening-ui-prototypes

A repo for sketching and comparing user interface ideas for rva-screener

1 stars 2 forks source link

How do we handle labels on many-to-one fields on mobile? #1

Open mapsam opened 9 years ago

mapsam commented 9 years ago

Moving away from tables allows us to block the form elements on mobile, but this also gets screwy when dealing with labels. Here's a potential solution using placeholder:

mapsam commented 9 years ago

Note I put a border on the left of .form_row elements that exist within a .form_multiform wrapper to clearly see their separation. Don't mind the colors :stuck_out_tongue:

mapsam commented 9 years ago

Mmmm it looks really nice when you remove that extra vertical space between the fields: