[Bug] Fix active filter display on medium screens

[zackkrida]

Description

When on medium-ish viewports, the text in the 'active filters row' takes up multiple lines and looks terrible!

Screenshot

Solution

For our current transitional styles, let's fix this in the following way:

• Enable flex-wrap so the tags can take up multiple rows
• Make sure lines within the tags or label do not wrap and take up multiple lines, for any reason.
• Remove margin-based spacing between tags and switch to a gap of .5rem (or whatever the closest unit in our spacing system is

This should give us the following result:

[fcoveram]

I like solution 1, but I also wonder how it might look like when having the tags as single lines and multiple rows, instead of the scroll bar.

In the case of Smithsonian Institutions, have we considered eliminating Smithsonian Institution text in the source since it is visible as Provider. It looks redundant and not providing much information as in the example below.

[zackkrida]

I would be interested in shortening and simplifying those Smithsonian tags, definitely!

[zackkrida]

@sarayourfriend this is ready for work, and would be nice to complete by sometime next week, at which point I intend to redeploy the frontend.