From 8bf287d81ea2ecb71f1c70901d0c3f8bf6a00513 Mon Sep 17 00:00:00 2001
From: Peter Zimon <peter.zimon@gmail.com>
Date: Fri, 22 Nov 2019 16:25:06 +0100
Subject: [PATCH] Refined email status on post list

---
 ghost/admin/app/styles/layouts/content.css    | 28 +++++++++++++++----
 .../components/gh-posts-list-item.hbs         |  2 +-
 2 files changed, 24 insertions(+), 6 deletions(-)

diff --git a/ghost/admin/app/styles/layouts/content.css b/ghost/admin/app/styles/layouts/content.css
index 41540f5062..d21d3fdde5 100644
--- a/ghost/admin/app/styles/layouts/content.css
+++ b/ghost/admin/app/styles/layouts/content.css
@@ -201,6 +201,17 @@
     margin-right: 3px;
 }
 
+.gh-content-status-draft,
+.gh-content-status-published,
+.gh-content-status-scheduled, 
+.gh-content-status-emailed {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 19px;
+    padding: 0 4px;
+}
+
 .gh-content-status-published {
     color: var(--midgrey);
     background: var(--lightgrey);
@@ -231,14 +242,21 @@
     fill: var(--blue);
 }
 
-.gh-content-emailed {
+.gh-content-status-emailed {
     display: inline-block;
-    margin: 2px 6px 0;
+    margin: 0px 6px;
+    background: var(--lightgrey);
+    padding-right: 5px;
+    border-radius: 3px;
 }
 
-.gh-content-emailed svg {
-    width: 13px;
-    height: 13px;
+.gh-content-status-emailed svg {
+    width: 12px;
+    height: 12px;
+}
+
+.gh-content-status-emailed.error {
+    background: color-mod(var(--red) a(10%));
 }
 
 .gh-content-entry-author {
diff --git a/ghost/admin/app/templates/components/gh-posts-list-item.hbs b/ghost/admin/app/templates/components/gh-posts-list-item.hbs
index e7f0f454c0..3add90f21f 100644
--- a/ghost/admin/app/templates/components/gh-posts-list-item.hbs
+++ b/ghost/admin/app/templates/components/gh-posts-list-item.hbs
@@ -44,7 +44,7 @@
         {{/if}}
 
         {{#if (or this.post.email (and this.post.isScheduled this.post.sendEmailWhenPublished))}}
-        <span data-tooltip={{if (eq this.post.email.status "failed") "Sending failed" "Sent by email"}} class="gh-content-emailed">
+        <span data-tooltip={{if (eq this.post.email.status "failed") "Failed to send post by email" "Sent by email"}} class="gh-content-status-emailed {{if (eq this.post.email.status "failed") "error"}}">
             {{svg-jar "send-email" class=(if (eq this.post.email.status "failed") "stroke-red" "stroke-midgrey")}}
         </span>
         {{/if}}