Alert text is not vertically centred to icon

[cstranex]

[X] bug
[ ] feature request
[ ] enhancement

Expected behavior

Alert icons are aligned with text.

Actual behavior

Text is slightly higher than the alert text.

Reproduction of behavior

<div class="alert alert-warning alert-sm">
    <button type="button" class="close" aria-label="Close">
        <span aria-hidden="true">&times;</span>
    </button>
    <div class="alert-item">
        <span class="alert-text">
            This text will not line up with icon
        </span>
    </div>
</div>

Environment details

• Clarity version: 0.7.0

• Browser: [ Chrome 54 | Firefox 49.0.2 ]

Workaround

Specifying line-height: initial; on the alert-text will cause the text to line up correctly.

[adibwoy]

Hi @cstranex. Thanks for reporting this. I will get this fixed ASAP. I set the incorrect line-height on small alerts.

[github-actions]

Hi there 👋, this is an automated message. To help Clarity keep track of discussions, we automatically lock closed issues after 14 days. Please look for another open issue or open a new issue with updated details and reference this one as necessary.