converting guide categories to a drop down

[shawkins]

This makes the categories on the guides page a drop-down that performs filtering like the search box.

The aligment of the drop-downs and text box can of course be tweaked, but this at least gives a better rendering when width is an issue.

[shawkins]

Demonstrated this in our team meeting. There are of course questions about the exact layout and labels, which can be addressed - but I'll admit our style sheets seem to make tweaking this much harder than it should be.

[mabartos]

Sorry for the late review...

@shawkins Maybe it'd be sufficient to provide only some bigger padding on the right of the version selector and just having the 2 rows. WDYT?

We can revisit this more invasive approach later, because it might need maybe more discussion about the proper layout.

[shawkins]

@shawkins Maybe it'd be sufficient to provide only some bigger padding on the right of the version selector and just having the 2 rows. WDYT?

Does this address the layout in mobile as well?

[mabartos]

Does this address the layout in mobile as well?

@shawkins I've created a PR with minimal changes to fix an issue with the version selector on mobile, and adding the gap.

See:

• Add padding to guides categories and fix layout on phones #716