Allow cancelling the reset password dialog

packages/accounts-ui/login_buttons.html

@@ -134,9 +134,13 @@
 
     {{> loginButtonsMessages}}
 
-    <div class="login-button login-button-form-submit" id="reset-password-button">
+    <div class="login-button login-button-form-submit" id="login-buttons-reset-password-button">
       Reset password
     </div>
+
+    <a class="additional-link" id="login-buttons-cancel-reset-password">
+      Cancel
+    </a>
   </div>
   {{/if}}
 </template>

packages/accounts-ui/login_buttons.js

@@ -223,12 +223,16 @@
   //
 
   Template.resetPasswordForm.events = {
-    'click #reset-password-button': function () {
+    'click #login-buttons-reset-password-button': function () {
       resetPassword();
     },
-    'keypress #reset-password-new-password': function (event) {
+    'keypress #login-buttons-reset-password-new-password': function (event) {
       if (event.keyCode === 13)
         resetPassword();
+    },
+    'click #login-buttons-cancel-reset-password': function () {
+      Session.set(RESET_PASSWORD_TOKEN_KEY, null);
+      Meteor.accounts._preventAutoLogin = false;
     }
   };
 

packages/accounts-ui/login_buttons.less

@@ -66,7 +66,7 @@
     position: relative;
 }
 
-#login-buttons a {
+#login-buttons a, .accounts-dialog a {
     cursor: pointer;
     text-decoration: underline;
 }
@@ -157,10 +157,14 @@
     color: green;
 }
 
-#login-buttons .additional-link {
+.accounts-dialog .additional-link {
     font-size: 60%;
 }
 
+.accounts-dialog #login-buttons-cancel-reset-password {
+    float: right;
+}
+
 #login-buttons #signup-link {
     float: right;
 }