[Lens] Can't delete columns with long unbroken labels

[wylieconlon]

This bug can be reproduced using any long label, such as this field name from the .monitoring index:

The fix for this bug is either to:

• Set a max-width on the dimension trigger component, so that the delete button is visible
• Put the delete button on top of the dimension trigger component
• Use a more aggressive breaking style in CSS, such as break-word.
• Handle dotted paths with a special case that inserts <wbr> tags which are soft-breaks.

I don't actually have a strong preference on these, but maybe @cchaos does?

[elasticmachine]

Pinging @elastic/kibana-app (Team:KibanaApp)

[cchaos]

We simply need to add a max-width to the popover anchor that takes into account the size of the delete icon. It can just let long field names get cutoff and we should be sure to add the whole configuration name into the title property.