sassquatch icon indicating copy to clipboard operation
sassquatch copied to clipboard

Reduce .docBox padding on small format devices

Open sjhcockrell opened this issue 10 years ago • 2 comments

One of the things I'm noticing is that the mobile web UI seems like it has really huge gutters around the .docBoxes in the layout, especially compared to other mobile UI (16px gutters vs 8px in Google, for instance.)

It ends up being wasted space for the most part, and hurts information density on things like the Calendar layout where we tend to have fairly long titles, which causes fewer events to fit on page at one time.

Could we reduce the standard 16px margin/pad around docBoxes to 8px (or 1/2 Baseline) at smaller sizes?


Comparison of Google vs Meetup:

overlap

Meetup:

2014-06-16 20 23 22

Google:

2014-06-16 20 18 22

sjhcockrell avatar Jun 18 '14 13:06 sjhcockrell

Even better: use the full width on mobile wherever possible. Not just to copy iOS7, but because it has huge usability gains. boxes-within-boxes is okay on desktop, but mobile feels cramped

mmcgahan avatar Jun 18 '14 16:06 mmcgahan

Going to need a separate release for this one; it'll take some chapstick regression testing

akdetrick avatar Jan 05 '15 22:01 akdetrick