From aad7a9a834316386448a02ee62e87c49a12532b7 Mon Sep 17 00:00:00 2001
From: Henrik Levkowetz <henrik@levkowetz.com>
Date: Thu, 7 Mar 2019 14:56:06 +0000
Subject: [PATCH] Improved a somewhat misleading UI for adding account email
 addresses.  Fixes issue #2692.  - Legacy-Id: 16010

---
 ietf/static/ietf/css/ietf.css                 | 4 ++++
 ietf/templates/registration/edit_profile.html | 4 ++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/ietf/static/ietf/css/ietf.css b/ietf/static/ietf/css/ietf.css
index dcd757941..9a7355efc 100644
--- a/ietf/static/ietf/css/ietf.css
+++ b/ietf/static/ietf/css/ietf.css
@@ -392,6 +392,10 @@ table.materials .snippable {
   padding: 0.2em 0.5em;
 }
 
+.pad {
+  padding: 0.5em 0.5em;
+  line-height: 1.2;
+}
 .padded {
   padding: 1em 1em;
   line-height: 1.4142;
diff --git a/ietf/templates/registration/edit_profile.html b/ietf/templates/registration/edit_profile.html
index 259e7d30a..23f63e31e 100644
--- a/ietf/templates/registration/edit_profile.html
+++ b/ietf/templates/registration/edit_profile.html
@@ -146,7 +146,7 @@
       <div class="col-sm-offset-2 col-sm-10">
         <div class="new-emails"></div>
 
-        <button class="btn btn-default btn-sm add-email">Add email address</button>
+        <button class="btn btn-default btn-sm add-email">Open a new email address field</button>
       </div>
     </div>
 
@@ -190,8 +190,8 @@
            var container = $(this).closest("form").find(".new-emails");
 
            $('<input class="form-control" name="new_email" placeholder="The address entered here will get a confirmation challenge. To add an address that cannot confirm, contact the secretariat.">').appendTo(container).focus();
+           $('<div class="pull-right pad"><i>Remember to submit the form for the new email challenge to be sent.</i></div>').appendTo(container);
        })
    });
   </script>
 {% endblock %}
-