# 邮件摘要中的点赞图标全部错位（问题）

**URL:** <https://meta.discourse.org/t/likes-icon-in-the-email-digest-are-all-out-of-line-snag/93683>\
**Category:** UX\
**Tags:** email, activity-summary\
**Created:** [2018年八月1日 19:39 UTC](https://meta.discourse.org/t/likes-icon-in-the-email-digest-are-all-out-of-line-snag/93683 "2018-08-01T19:39:00Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![jerry0](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jerry0/32/94523_2.png) [@jerry0](https://meta.discourse.org/u/jerry0)\
**Post date:** [2018年八月1日 19:39 UTC](https://meta.discourse.org/t/likes-icon-in-the-email-digest-are-all-out-of-line-snag/93683/1 "2018-08-01T19:39:00Z")

</div>

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:

 ![image](https://global.discourse-cdn.com/meta/original/3X/c/a/caf9577ed6df35badf8c650d48345ee42d562d37.png)

It looks to me as if the likes icons are all out of line. Would be really nice to fix this snag so that the icons are all in line.

---

<div class="post-metadata">

**Author:** ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)\
**Post date:** [2018年八月2日 04:43 UTC](https://meta.discourse.org/t/likes-icon-in-the-email-digest-are-all-out-of-line-snag/93683/2 "2018-08-02T04:43:00Z")

</div>

This completely depends on your mail client and how it chooses to render.

---

<div class="post-metadata">

**Author:** ![jerry0](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jerry0/32/94523_2.png) [@jerry0](https://meta.discourse.org/u/jerry0)\
**Post date:** [2018年八月2日 11:26 UTC](https://meta.discourse.org/t/likes-icon-in-the-email-digest-are-all-out-of-line-snag/93683/3 "2018-08-02T11:26:24Z")

</div>

That may be the case (and I agree it’s v frustrating that mail clients do this!), but:

1. 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.

2. 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…

 ![image](https://global.discourse-cdn.com/meta/original/3X/9/2/926650f446c9f123f314f6a8cf09dd8320f02ad7.jpg)

---

<div class="post-metadata">

**Author:** ![neil](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/neil/32/102150_2.png) [@neil](https://meta.discourse.org/u/neil)\
**Post date:** [2018年八月2日 22:02 UTC](https://meta.discourse.org/t/likes-icon-in-the-email-digest-are-all-out-of-line-snag/93683/4 "2018-08-02T22:02:29Z")

</div>

> [@jerry0](#):
>
> This particular email client is Outlook.

Outlook is the worst, so we did our best to make it look acceptable there. Any recommendations are welcome.

---

<div class="post-metadata">

**Author:** ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)\
**Post date:** [2018年八月2日 23:57 UTC](https://meta.discourse.org/t/likes-icon-in-the-email-digest-are-all-out-of-line-snag/93683/5 "2018-08-02T23:57:10Z")

</div>

See

> **[My email looks different in Outlook | Mailchimp](https://mailchimp.com/help/my-email-looks-different-in-outlook/)**
>
> If your email looks different in Outlook, it may have to do with the version of Outlook rendering the campaign. Get tips for fixing common issues in Outlook.