Likes icon in the email digest are all out of line (snag)
jerry0 reports that the likes icon in the email digest is out of line, and provides a screenshot for reference. codinghorror suggests that this issue depends on the mail client and how it renders the email. However, jerry0 argues that the digest should render correctly in popular email clients, such as Outlook, and points out that other sections of the email are lined up correctly. neil acknowledges the difficulties of working with Outlook, but welcomes recommendations for improvement. codinghorror shares a resource from Mailchimp that discusses the challenges of making emails look good in Outlook.
The digest has icons in it which indicate how many likes and posts there are for popular topics, along with contributors.
In our digest, the likes icon is out of line and this error is the first thing that you spot when looking at the digest. I thought it might be our settings causing this snag - I then looked back at the summary I received from Discourse Meta and it has the same problem:
That may be the case (and I agree it’s v frustrating that mail clients do this!), but:
just as web pages should render well in the most popular browsers, an important email format like the digest should render without any serious artefacts in all the most popular email clients. This particular email client is Outlook.
it seems to me to be a problem in the code in this particular part of the email. In other sections of the same email, rendered by the same email client, they are lined up…