[Security Solution] Data is not rendered on mobile viewport < 767 px

[gavinwye]

Describe the bug:
Data is not rendered on mobile viewport < 767

Kibana/Elasticsearch Stack version:
v 7.16.1 (XDR Eden)

Browser and Browser OS versions:
Version 1.32.113 Chromium: 96.0.4664.45 (Official Build) (arm64)

Steps to reproduce:

View at a viewport of 767px or less

Current behavior:

No data is displayed

Expected behavior:

The same data should be available as on larger viewports

Screenshots (if relevant):

scrnli_16_12_2021_14-40-56.mp4

[elasticmachine]

Pinging @elastic/security-solution (Team: SecuritySolution)

[snide]

I did a quick scan of the code that is causing this. There's a lot of overwrites on the flex items and groups. There's also a couple places set with column layouts but also have specific widths. Likely can be fixed with some quick CSS / template cleanup.

@gavinwye if you'd like to pair on this one day, it might be a good way to introduce you to some of the codebase (if you're interested). Otherwise whichever engineer ends up picking this one up can feel free to bug me and I can help provide some suggestions.

[gavinwye]

@snide yes that would be great. Let's try and get together some time in the WC 10th Jan