[Log Explorer] Show filter controls in compressed style

[weltenwort]

📓 Summary

The filter controls we prepend to the unified search bar in the log explorer use up a lot of vertical space and are higher than the filter pills to the right. We want to use EUI's compressed option for the form elements in the control group to reduce that vertical discrepancy.

✔️ Acceptance criteria

• The filter controls are shown using the compressed style.

💡 Implementation hints

• @weltenwort had to remove a css override on the height a while ago since it broke the alignment of the options list content.
• This probably entails enhancing the controls plugin with a parameter to specify the compression.

[elasticmachine]

Pinging @elastic/infra-monitoring-ui (Team:Infra Monitoring UI)

[mohamedhamed-ahmed]

After meeting with the Presentation team, we discussed the compressed flag we want to add to the control group in more detail as I found some issues in the component during implementation.

The outcome of the meeting is that it won't be possible to get this done with their current implementation of the control group renderer as they have some limitations there and the impact would be big to get this done and they didn't recommend that this gets implemented now. They are already working on refactoring the whole thing and after the refactoring, it would be much easier to add such functionality.

We came out with 2 solutions for now to achieve a similar effect.

1. Either we make compressed the default style for the control group everywhere.
2. Apply some CSS styles to achieve this, similar to what the security team is doing here.

The decision was that it would be better, more straightforward, with fewer side effects to go with solution 2 for now.