When we removed the gray bar behind the filters it made the padding between the filters and the results too large. It appears to be around 30px right now via a few different elements above and below, I think halving that to about 16px would resolve this while still giving it enough room.
- @media screen and (min-width: 720px) .wbmi-select__content:
- padding: 6px 36px 6px 12px;
- padding: 11px 36px 11px 12px;
- min-height: 2.5em
- padding: 6px 0px
- margin: 16px 0
@mwilliams Just taken a gander at this. At the moment there is 12-17 px of white space with padding associated with the filters and 16 px of whitespace associated with the search results from a margin.
Do you want to just drop the margin on the search results to 0px to keep the space above above and below the filters symmetric or do you want a degree of asymmetry?
In which case we could keep 4 or 5px on the margin on the search results.
Checked in commons wmf.34 - Audio and Categories and Pages tabs display more space than other tabs (it doesn't seem to me as a bug; it's just visually inconsistent).
|Images (the same for Video, Other Media)||Audio||Categories and Pages|
For @mwilliams review - if anything needs to be done. The screenshots are from Chrome.