[Uptime] waterfall improve legend spacing

[shahzad31]

Summary

Fixes: #90033

Improve spacing and layout for waterfall legend items

[elasticmachine]

Pinging @elastic/uptime (Team:uptime)

[paulb-elastic]

The legend only seems to be fixed in the footer properly when displaying 2 rows. If the screen isn't wide enough and requires 3 rows, there is a second scroll bar to see the rest of the legend:

[paulb-elastic]

Actually, is that becuase of #91941

[shahzad31]

The legend only seems to be fixed in the footer properly when displaying 2 rows. If the screen isn't wide enough and requires 3 rows, there is a second scroll bar to see the rest of the legend:

Yes @paulb-elastic double scroll will be fixed with other PR. Once that is merged. This will work fine as well.

[dominiqueclarke]

LGTM, pending the scroll changes.

[kibanamachine]

💚 Build Succeeded

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

Metrics [docs]

Async chunks

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

id	before	after	diff
uptime	938.9KB	939.2KB	+276.0B

History

• 💔 Build #109108 failed ce83771
• 💚 Build #108363 succeeded d6d2ff7

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

cc @shahzad31

[kibanamachine]

💚 Backport successful

✅ 7.12 / #92691
✅ 7.x / #92692

Successful backport PRs will be merged automatically after passing CI.