diff --git a/ghost/admin/app/components/gh-posts-list-item.hbs b/ghost/admin/app/components/gh-posts-list-item.hbs
index 1941321103..0483325665 100644
--- a/ghost/admin/app/components/gh-posts-list-item.hbs
+++ b/ghost/admin/app/components/gh-posts-list-item.hbs
@@ -68,12 +68,15 @@
{{#if @post.isPublished}}
Published
+ {{#if @post.hasEmail}}
+ {{svg-jar "email-unread"}}
+ {{/if}}
{{/if}}
{{#if @post.isSent}}
-
- Sent
+
+ {{svg-jar "email-unread"}}
{{/if}}
diff --git a/ghost/admin/app/models/post.js b/ghost/admin/app/models/post.js
index 1df9dea31b..bee72af6ac 100644
--- a/ghost/admin/app/models/post.js
+++ b/ghost/admin/app/models/post.js
@@ -158,6 +158,9 @@ export default Model.extend(Comparable, ValidationEngine, {
isPost: equal('displayName', 'post'),
isPage: equal('displayName', 'page'),
+ hasEmail: computed('email', 'emailOnly', function () {
+ return this.email !== null || this.emailOnly;
+ }),
willEmail: computed('emailRecipientFilter', function () {
return this.emailRecipientFilter !== null;
}),
diff --git a/ghost/admin/app/styles/layouts/content.css b/ghost/admin/app/styles/layouts/content.css
index ba44087335..352d13068c 100644
--- a/ghost/admin/app/styles/layouts/content.css
+++ b/ghost/admin/app/styles/layouts/content.css
@@ -273,14 +273,16 @@
.gh-content-status-emailed {
display: inline-block;
margin: 0px 6px;
- background: var(--lightgrey);
- padding-right: 5px;
+ color: var(--midgrey);
+ background: var(--whitegrey);
border-radius: 3px;
}
-.gh-content-status-emailed svg {
+.gh-content-status-emailed svg,
+.gh-content-status-published svg {
width: 12px;
height: 12px;
+ fill: var(--midgrey);
}
.gh-content-status-emailed.error {