Fix overflow, alignment and padding in text and button elements

[charlesh88]

Closes #7540

Describe your changes:

• Adds overflow: hidden to Condition Widget label and alphanumeric wrappers.
• Adds a simple and common SCSS mixin for text views (Hyperlink links and layout text drawing objects) that normalizes overflow, padding and alignment.

All Submissions:

• Have you followed the guidelines in our Contributing document?
• Have you checked to ensure there aren't other open Pull Requests for the same update/change?
• Is this a notable change that will require a special callout in the release notes Notable Change ? For example, will this break compatibility with existing APIs or projects which source these plugins?

Author Checklist

• Changes address original issue?
• Tests included and/or updated with changes?
• Has this been smoke tested?
• Have you associated this PR with a type: label? Note: this is not necessarily the same as the original issue.
• Have you associated a milestone with this PR? Note: leave blank if unsure.
• Is this a breaking change to be called out in the release notes?
• Testing instructions included in associated issue OR is this a dependency/testcase change?

Reviewer Checklist

• Changes appear to address issue?
• Reviewer has tested changes by following the provided instructions?
• Changes appear not to be breaking changes?
• Appropriate automated tests included?
• Code style and in-line documentation are appropriate?

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 56.20%. Comparing base (5fc5c13) to head (a8896a3).

Additional details and impacted files

@@            Coverage Diff             @@
##           master    #7541      +/-   ##
==========================================
+ Coverage   56.16%   56.20%   +0.03%     
==========================================
  Files         672      672              
  Lines       27112    27112              
  Branches     2635     2635              
==========================================
+ Hits        15227    15237      +10     
+ Misses      11560    11550      -10     
  Partials      325      325              

Flag	Coverage Δ
e2e-full	23.60% <ø> (ø)
e2e-stable	59.99% <ø> (+0.02%)	⬆️
unit	49.14% <ø> (+0.01%)	⬆️

see 3 files with indirect coverage changes

---

Continue to review full report in Codecov by Sentry.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 5fc5c13...a8896a3. Read the comment docs.

[unlikelyzero]

Let's make sure we add some minimal coverage. I think we could update the display layout visual test to add a condition widget

[charlesh88]

@unlikelyzero How can I help move this through? Should I add tests? I'm not sure how to check against what we already have vs. the delta for new.

[unlikelyzero]

All css changes have been approved by @davetsay and @charlesh88

[davetsay]

LGTM @charlesh88 .
One question. Have you tested this against Jasper's complex views? Not that it should block this PR but it may be good to see how this might affect those.

[ozyx]

@charlesh88 I checked the latest percy diffs and didn't see anything that seemed related to these changes, so this could use a visual test. Let's sync on it and we can push this through

[unlikelyzero]

@ozyx , I met with @charlesh88 and we discussed a simple test with 4 objects within a display layout:
Hyperlink at minimum height (10px)
Hyperlink at minimum width (20px)
Layout Text at minimum height (10px)
Layout Text at minimum width (20px)