[RAC] [Cases] Fix responsiveness in Cases UI

[stephmilovic]

Summary

Resolves #102471

Various fixes for responsive UI issues in Cases. I also noticed that the timeline button at the bottom of the page was not responsive so i fixed that as well.

Timeline before:

Timeline after:

All cases before:

All cases after:

Status filter before:

Status filter after:

Case details before:

Case details after:

Edit case details before:

Edit case details after:

Checklist

Delete any items that are not applicable to this PR.

• Unit or functional tests were updated or added to match the most common scenarios

[elasticmachine]

Pinging @elastic/security-threat-hunting (Team:Threat Hunting)

[elasticmachine]

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

[stephmilovic]

@elasticmachine run elasticsearch-ci/docs

[cnasikas]

Thanks for doing this! It is so good to see those fixes. Code LGTM! I tested on iphone 6/7/8 Chrome preset (width 375px) and I found the following:

1. The close icon of the timeline is not on the top right. Instead it sticked to the left along with the title and other icons on the left.

2. The create case button overflows.

3. If you put a long text while editing a tag the tag wrapper overflows the page. Putting width: 100% or fullWidth to the EuiFlexGroup seems to fix the issue. This will fix another bug where on laptops where if you put a long tag and you press edit the left column gets bigger and pushes the left one.

4. Mapping is not properly aligned.

[stephmilovic]

@cnasikas good finds! I fixed all of your points except for:

This is not straightforward to fix, and I'd rather not spend time on it unless you think it is very important?

Here are the other fixes:

[cnasikas]

This is not straightforward to fix, and I'd rather not spend time on it unless you think it is very important?

No, it is not 🙂 ! LGTM! Thanks for the fixes!

[stephmilovic]

@elasticmachine merge upstream

[kibanamachine]

💚 Build Succeeded

• continuous-integration/kibana-ci/pull-request
• Commit: bbbc2ba
• Storybooks Preview

Metrics [docs]

Module Count

Fewer modules leads to a faster build time

id	before	after	diff
cases	262	261	-1

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id	before	after	diff
cases	522.7KB	525.4KB	+2.6KB
securitySolution	6.3MB	6.3MB	-362.0B
total			+2.3KB

History

• 💔 Build #135628 failed 681d069
• 💚 Build #135600 succeeded c4a7b27
• 💚 Build #135366 succeeded 11d0864
• 💛 Build #135340 was flaky b44d4dc

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream