Improve the UI of the /user/forgot-password page

 * Align the submit button like on the rest of the /user/* pages
 * Tabindex
 * Help text to explain what the page does

diff --git a/app/views/user/lost_password.html.erb b/app/views/user/lost_password.html.erb
index cb844c67c23eed85da8092a647b8a02d506ef634..c5d8bb004540c0b6fa87a8767168fa576e40e44e 100644 (file)
--- a/app/views/user/lost_password.html.erb
+++ b/app/views/user/lost_password.html.erb
@@ -1,9 +1,13 @@
-<h1><%= t 'user.lost_password.heading' %></h1><br>
+<h1><%= t 'user.lost_password.heading' %></h1>
+
+<p><%= t 'user.lost_password.help_text' %></p>
 
 <% form_tag :action => 'lost_password' do %>
 <table>
-  <tr><td><%= t 'user.lost_password.email address' %></td><td><%= text_field('user', 'email', {:size => 50, :maxlength => 255} ) %></td></tr>
+  <tr>
+    <td class="fieldName"><%= t 'user.lost_password.email address' %></td>
+    <td><%= text_field('user', 'email', {:size => 50, :maxlength => 255, :tabindex => 1} ) %></td>
+  </tr>
+  <tr><td></td><td align="right"><input type="submit" value="<%= t'user.lost_password.new password button' %>" tabindex="2"></td></tr>
 </table>
-<br>
-<input type="submit" value="<%= t 'user.lost_password.new password button' %>">
 <% end %>

diff --git a/config/locales/en.yml b/config/locales/en.yml
index 56b00c3c792200480bef4fd927129046fb20f358..09c7b82ef1edb4547c1a08aee32b57893bf83e1d 100644 (file)
--- a/config/locales/en.yml
+++ b/config/locales/en.yml
@@ -898,6 +898,7 @@ en:
       heading: "Forgotten Password?"
       email address: "Email Address:"
       new password button: "Reset password"
+      help_text: "Enter the E-Mail address you used to sign up, we'll send a link to it that you can use to reset your password."
       notice email on way: "Sorry you lost it :-( but an email is on its way so you can reset it soon."
       notice email cannot find: "Couldn't find that email address, sorry."
     reset_password: