filter manager dialog doesn't handle too many modules

[chlebowa]

[chlebowa]

Updating CSS with scroll: overflow helps but the aesthetics needs work.

[donyunardi]

Acceptance Criteria

• The modules filter overview should fit within the modal (snapshot manager), pleasing to see and interact with.

[averissimo]

To consider:

Using overflow-x: scroll and adding row-gap: 2em on the parent element with class filter_manager_content)

The row-gap only appears if flex overflows to 2 rows (so there's no additional padding in most scenarios)

[averissimo]

There's an edge case when:

• Scenario: There are many filters (let's say 20)
• Result: The snapshot manager can be pushed below the window height (user would need to scroll the page down)

To avoid that we may hide filters when they are more than X (X = 5 in the mock below, but should be more)

The caveat is that this only makes sense in single "column mode", as in most dashboards both columns are visible.