From a2f1928404e86713722da0064bac286ca10bcfb4 Mon Sep 17 00:00:00 2001
From: Ernie Park <eipark@mit.edu>
Date: Wed, 8 Feb 2012 15:49:10 -0500
Subject: [PATCH] update leanmodal scss and add feedback for reset password in
 profile

--HG--
branch : templates_ernie_leanmodal_closebox
---
 profile.html         | 11 +++++++----
 sass/_leanmodal.scss | 16 ++++++++++++++++
 2 files changed, 23 insertions(+), 4 deletions(-)

diff --git a/profile.html b/profile.html
index c653e61a6d..422d21f2b8 100644
--- a/profile.html
+++ b/profile.html
@@ -72,7 +72,7 @@ $(function() {
     $('#pwd_reset_button').click(function() {
       $.post('/password_reset/',{ "csrfmiddlewaretoken" : "${ csrf }",
                     "email"  : $('#id_email').val()}, function(data){
-         $('#pwd_reset').html(data);
+         $("#password_reset_complete_link").click();
          log_event("profile", {"type":"password_send"});
       });
     });
@@ -155,9 +155,7 @@ $(function() {
 
       <div id="change_password_pop">
         <h2>Password change</h2>
-        <p>We'll e-mail you a password reset link at ${email}. Follow
-        the link in the confirmation email to change your
-        password.</p>
+        <p>We'll e-mail a password reset link to ${email}.</p>
 
         <input id="id_email" type="hidden" name="email" maxlength="75" value="${email}" />
         <input type="submit" id="pwd_reset_button" value="Reset Password" />
@@ -167,3 +165,8 @@ $(function() {
   </div>
 </section>
 
+      <div id="password_reset_complete" class="leanModal_box">
+      <a href="#password_reset_complete" rel="leanModal" id="password_reset_complete_link"></a>
+        <h1>Password Reset Email Sent</h1>
+        An email has been sent to ${email}. Follow the link in the email to change your password.
+      </div>
diff --git a/sass/_leanmodal.scss b/sass/_leanmodal.scss
index db8b0950f5..40471d7403 100644
--- a/sass/_leanmodal.scss
+++ b/sass/_leanmodal.scss
@@ -18,12 +18,28 @@ div.leanModal_box {
   background: #fff;
   padding: lh(2);
 
+  a.modal_close {
+    position: absolute;
+    top: 12px;
+    right: 12px;
+    display: block;
+    width: 14px;
+    height: 14px;
+    z-index: 2;
+    color: #000;
+
+    &:hover{
+      text-decoration: none;
+    }
+  }
+
   h1 {
     font-size: 24px;
     margin-top: 0;
     padding-bottom: lh();
     border-bottom: 1px solid #eee;
     margin-bottom: lh();
+    text-align: left;
   }
 
   &#enroll {