style(auth): add space to alt text and underline

[sardesam]

Because

• We want to maintain consistent design, UX and a11y in emails

This pull request

• Adds font-size to create whitespace between text and underline

Issue that this pull request solves

Closes: #12600

Checklist

Put an x in the boxes that apply

• My commit is GPG signed.
• If applicable, I have modified or added tests which pass locally.
• I have added necessary documentation (if appropriate).
• I have verified that my changes render correctly in RTL (if appropriate).

Screenshots (Optional)

N/A

Other information (Optional)

N/A

[LZoog]

Is it possible to @extend .text-xs or @extend .text-sm here instead? Not sure where 13px is coming from (as recommended in the ticket) since nothing else in our emails should use that font-size 🤔

If we have to use 13px here, I'd leave a comment above it noting it's kind of a hack since it breaks our font-size conventions.

[sardesam]

Agreed. I will update to apply directly to the parent class to target both the <a> and (override the default) <img> tags using our font-size conventions.

The 13px font-size stemmed from earlier discussions in the mjml repo: #472 and #577. 13px was then added as the default img font-size for mj-image. However, it only applies to <img> (that is, it was intended for the alt tag) and not a wrapping <a> tag.

[LZoog]

LGTM!

If you'd like, you could leave a comment above your change noting why we need that on an img, I'd hope someone might look at the commit history and find the issue associated before removing a line of code like that but it can be nice to have there to make sure since it does seem odd to need it. Not a must though.

[sardesam]

Comment added and also changed the declaration to target <a> and <img> directly, since the latter's font-size can only be overridden this way due to specificity.