fix(tooltip): set trigger button margin only when descendent of label

[emyarod]

Closes #4671

This PR moves the left margin rule for non-icon-only tooltip trigger buttons to a new selector that only targets tool trigger buttons that are descendants of tooltip labels

Changelog

Changed

• change selector for tooltip trigger button left margin from .bx--tooltip__trigger:not(.bx--btn--icon-only) to .bx--tooltip__label .bx--tooltip__trigger

Testing / Reviewing

Ensure overflow menu trigger button has the correct size and no margins

Ensure labeled interactive tooltip trigger button has space between it and its label

Ensure all components that consume tooltip appear as expected

[netlify]

Deploy preview for the-carbon-components ready!

Built with commit e80a3d9

https://deploy-preview-4672--the-carbon-components.netlify.com

[netlify]

Deploy preview for carbon-components-react ready!

Built with commit e80a3d9

https://deploy-preview-4672--carbon-components-react.netlify.com

[netlify]

Deploy preview for carbon-elements ready!

Built with commit e80a3d9

https://deploy-preview-4672--carbon-elements.netlify.com

[designertyler]

I'm not sure if this is related, but there's a white line or gap that's showing up the tooltip. Everything else looked fine

[asudoh]

LGTM 👍 unless what @designertyler pointed out was a regression. Thanks @emyarod!

[emyarod]

that's something we discussed in a tooltip ticket or PR a while ago (would have to go back to find related discussion) but unless there's now a consistent way to reproduce that issue, I think it's related to screen resolution/retina screens? not sure if that's a true bug or not but in any case I don't think it's a regression introduced in this PR