From 6dbcf96ab012aa95fb25b6cedce8db8421cdd12e Mon Sep 17 00:00:00 2001
From: Peter Zimon <peter.zimon@gmail.com>
Date: Thu, 7 Nov 2019 11:20:09 +0700
Subject: [PATCH] Refined styles for test email

---
 .../app/templates/components/gh-post-settings-menu.hbs | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/ghost/admin/app/templates/components/gh-post-settings-menu.hbs b/ghost/admin/app/templates/components/gh-post-settings-menu.hbs
index b8e1e8ef9f..542f04369b 100644
--- a/ghost/admin/app/templates/components/gh-post-settings-menu.hbs
+++ b/ghost/admin/app/templates/components/gh-post-settings-menu.hbs
@@ -349,6 +349,7 @@
                                         </button>
                                     </div>
 
+                                    <div>
                                     {{gh-text-input
                                         class="post-setting-email-test"
                                         id="email-test"
@@ -358,14 +359,17 @@
                                         input=(action (mut emailTestScratch) value="target.value")
                                         stopEnterKeyDownPropagation=true
                                         data-test-field="email-test"}}
-                                    {{unless isValidTestEmail "Please enter a valid email"}}
-                                    {{gh-task-button "Send Test Email"
+                                    {{#unless isValidTestEmail}}
+                                    <div class="error"><p class="response">Please enter a valid email</p></div>
+                                    {{/unless}}
+                                    {{gh-task-button "Send test email"
                                         task=sendTestEmail
-                                        successText="Sent"
+                                        successText="Email sent"
                                         runningText="Sending..."
                                         class="gh-btn w-100 mt2 gh-btn-icon"
                                         data-test-send-test-mail=true
                                     }}
+                                    </div>
                                 </div>
                             </form>
                         </div>