sassquatch
sassquatch copied to clipboard
Reduce .docBox padding on small format devices
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:
Meetup:
Google:
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
Going to need a separate release for this one; it'll take some chapstick regression testing