[Uptime] Design polish: Waterfall view suggested visual improvements

[formgeist]

Summary

I've put together a list of suggested small visual enhancements to tidy up the experience of the Waterfall visualization.

Change the size of the tooltip to accommodate for longer URLs #90909

I reckon it might be good to allow the tooltip of the URL to be able to read the full URL without too many breaks.

Decision

After presenting to the team, we decided that we need to set a min-width of the tooltip to accommodate URLs. Word-break is still going to happen for long URLs.

Change the delay of the tooltip #90909

We can change the delay of the tooltip showing up by adding the delay="long" prop.

Decrease the font-size of the URL/span name list to afford more chars per item #90913

We can decrease the font-size by 2px to accommodate more characters in the list and thereby providing more context without losing the legibility.

Decision

After presenting it to the team, we decided to do more to condense the waterfall rows which means looking at defining a new height for the bars and the row container as well as decreasing the font size of the URL label.

History table list: Fix the image size and avoid the rows jumping because of different sizes when they load in #90914

Additionally, the row size is different when there's an image and when there's no image available.

Decision

After presenting to the team, we decided to at least set a fixed height on the image so that even if the viewport size is different the rows will always be the same because the image is constrained.

History table list: Decrease the spinner size in the table row for images #90914

I reckon we can get away with only having a size="m" in the row. Additionally, it would be nice if the spinner would be centered within the image container, whether an image will load or not.

[elasticmachine]

Pinging @elastic/uptime (Team:uptime)

[formgeist]

@paulb-elastic The enhancement issues are ready and available (#90909, #90913, and #90914). Feel free to prioritize as it fits in. Closing this issue as we now have individual issues for it.