Improved a somewhat misleading UI for adding account email addresses. Fixes issue #2692.

- Legacy-Id: 16010

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;

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 %}
-