fix(unity-bootstrap-theme): fixed overlapping h1 when text wraps

[davidornelas11]

Description

fixed overlapping h1 when text wraps

Links

• Unity reference site
• JIRA ticket

FOR APPROVERS

• Percy build approval

Checklist

• [ ] Unity project successfully builds from root yarn install & yarn build
• [ ] Commits do not contain multiple scopes
• [ ] Add/updated examples
• [ ] Add/updated READMEs/docs
• [ ] No new console errors
• [ ] Accessibility checks

Browsers

• [ ] Chrome
• [ ] Safari
• [ ] Firefox
• [ ] Edge

Images

[scott-williams-az]

@davidornelas11 piggy back from Michaels comment.

I played with the numbers and this seems to work no matter what font-size line-height: calc(113% - 1px); (You can ignore me, if you already have a solution that covers things)

[davidornelas11]

@davidornelas11 piggy back from Michaels comment.

I played with the numbers and this seems to work no matter what font-size line-height: calc(113% - 1px); (You can ignore me, if you already have a solution that covers things)

That leaves the same space if it wraps on mobile past 2 lines. I think changing the padding on the span for these h1's that have these styles will work