[Logs UI] view in context visual fine-tuning

[katrin-freihofner]

I found some minor things, where we should fine-tune the UI of the new view in context feature. The screenshots here show what I think it could look like.

• the button to trigger the menu is very small - let's increase its size to 32x32px

• the dropdown with the View details and View in context actions does not have the same styling as our other dropdowns, for example this one:

...also the actions hover state looks different.

• an increased padding at the top (for the screenshot I set all paddings to 16px)
• a small EUI spacer after the file info ("Displayed logs are from file...")

[elasticmachine]

Pinging @elastic/logs-metrics-ui (Team:logs-metrics-ui)

[afgomez]

the dropdown with the View details and View in context actions does not have the same styling as our other dropdowns, for example this one:

For this I'm using a component shared in observability. It's used for example in the inventory view in the metrics app.

I can either make the changes for that component, and change it everywhere, or I can use a different component in the logs UI.

I think the first option might be better, but maybe you prefer to keep the existing style in the metrics app.

[katrin-freihofner]

I see. I think we should use the standard EuiContextMenu for the log lines. We use the shared observability component for cross-linking between apps, where we have different sections for the individual apps. Does this answer your question?