From e1dacb99df0fd574bae3db37cd638f0a88ebc4c5 Mon Sep 17 00:00:00 2001
From: Yashashvi Dave <yashashvidave@gmail.com>
Date: Thu, 18 Jul 2019 23:38:53 +0530
Subject: [PATCH] user settings: Update alert message element in change-email
 modal.

---
 static/styles/settings.scss                    | 2 +-
 static/templates/settings/account_settings.hbs | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/static/styles/settings.scss b/static/styles/settings.scss
index f44bdd80b0..477f744b58 100644
--- a/static/styles/settings.scss
+++ b/static/styles/settings.scss
@@ -1558,11 +1558,11 @@ body:not(.night-mode) #account-settings .custom_user_field .datepicker {
     min-width: 206px;
 }
 
-#settings_page #change_email_modal .change_email_info,
 #settings_page #change_full_name_modal .change_full_name_info {
     margin-bottom: 0px;
 }
 
+#settings_page #change_email_modal .change_email_info,
 #settings_page #change_password_modal .change_password_info {
     margin-top: 3px;
 }
diff --git a/static/templates/settings/account_settings.hbs b/static/templates/settings/account_settings.hbs
index b0f6f8bc79..06fc1d4044 100644
--- a/static/templates/settings/account_settings.hbs
+++ b/static/templates/settings/account_settings.hbs
@@ -20,14 +20,14 @@
                   aria-labelledby="change_email_modal_label" aria-hidden="true">
                     <div class="modal-header">
                         <button type="button" class="close" data-dismiss="modal" aria-label="{{t 'Close' }}"><span aria-hidden="true">&times;</span></button>
-                        <h3 id="change_email_modal_label">{{t "Change email" }}</h3>
+                        <h3 class="inline-block" id="change_email_modal_label">{{t "Change email" }}</h3>
+                        <div class="alert-notification change_email_info"></div>
                     </div>
                     <div class="modal-body">
                         <div class="input-group email_change_container">
                             <label for="email">{{t "New email" }}</label>
                             <input type="text" name="email" value="{{ page_params.delivery_email }}" autocomplete="off" spellcheck="false" autofocus="autofocus"/>
                         </div>
-                        <div class="alert change_email_info"></div>
                     </div>
                     <div class="modal-footer">
                         <button class="button white rounded" type="button" data-dismiss="modal">{{t "Cancel" }}</button>