[ML] Explain log rate spikes: Fix data view title.

[walterra]

Summary

Part of #136265.

• Use dataView.getName() instead of dataView.title.
• Adds missing scss brought over from Data Visualizer to improve positioning of long Data View names.

Before:

After:

Checklist

• This renders correctly on smaller devices using a responsive layout. (You can test this in your browser)
• This was checked for cross-browser compatibility
• This was checked for breaking API changes and was labeled appropriately

[elasticmachine]

Pinging @elastic/ml-ui (:ml)

[sophiec20]

Much improved to use full width. Index names can be long, so we should plan for this.
Does it need to be so bold and so big?
(Happy to leave as is if it follows design guidelines, and I don't need to be on a review, but just asking the question...:shrug:)

[walterra]

Agree parts of the layout are worth revisiting. For now we keep it in line with Data Visualizer and reuse code from there too. We plan to consolidate some of the components, when we do that we can have a look at the layout too.

[darnautov]

shall we add an EuiSpacer underneath?

[mdefazio]

+1 to this.

[walterra]

Fixed in 2f404a8.

[mdefazio]

Only edit I see is add some spacing between the title and components below it. Can be either a spacer or in the scss I imagine.

[alvarezmelissa87]

Other than Dima's comment about adding the spacer - LGTM ⚡

[walterra]

Fixed the title spacing. Because this layout variant is part of responsive rules a spacer wasn't suitable because it would break the wider layout's vertical alignment, so added some padding to the title element.

Ready for another look @mdefazio.

[kibana-ci]

💚 Build Succeeded

• Buildkite Build
• Commit: ff8b4f7
• Storybooks Preview

Metrics [docs]

Module Count

Fewer modules leads to a faster build time

id	before	after	diff
aiops	354	359	+5

Async chunks

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

id	before	after	diff
aiops	467.0KB	468.7KB	+1.7KB
dataVisualizer	561.5KB	561.5KB	+28.0B
total			+1.7KB

History

• 💚 Build #60248 succeeded d9c3b8e

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

cc @walterra

[mdefazio]

LGTM!