overview: improve horizontal spacing between lists
List containers on the overview currently take up exactly 1/n of the width, but since the list thumbnails don't fill the entire element horizontally, there is a lot of space between items, which makes the overview look a bit disjointed.
The (visible) space between list thumbnails should be less than the space around them on the left and right. This is an example of how that could look (the exact spacing hereis not that important, it's just to show the direction I'd like to move towards):
I'm not sure what a good generalizable way to describe the behavior I want is, but something along the lines of "as the window grows, grow the margin around the thumbnails faster than the space between them." Perhaps the containers could have a maximum width, beyond which the rest of the space is evenly split between the left and right margins? Are there any technical limitations here?
Design Tasks
-
Define how spacing between task thumbnails should behave as the window grows/shrinks
Development Tasks
-
implement new spacing
QA Tasks
-
spacing follows defined behavior -
no regressions were introduced