From ba8eb93b433f297e07c36fccc8e0dbee24cac5e3 Mon Sep 17 00:00:00 2001
From: Galen Frechette <galen@thoughtbot.com>
Date: Tue, 17 Jul 2012 22:53:03 -0400
Subject: [PATCH] adds styles to password reset modal

---
 lms/static/sass/shared/_modal.scss       |  6 +++++-
 lms/templates/forgot_password_modal.html | 16 +++++++++++++---
 2 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/lms/static/sass/shared/_modal.scss b/lms/static/sass/shared/_modal.scss
index 84c57a847c..4113eb7f41 100644
--- a/lms/static/sass/shared/_modal.scss
+++ b/lms/static/sass/shared/_modal.scss
@@ -115,8 +115,12 @@
       padding: 12px;
     }
 
-    .activation-message {
+    .activation-message, .message {
       padding: 0 40px 10px;
+
+      p {
+        margin-bottom: 10px;
+      }
     }
 
     form {
diff --git a/lms/templates/forgot_password_modal.html b/lms/templates/forgot_password_modal.html
index 18ec20ff04..97b41d4be9 100644
--- a/lms/templates/forgot_password_modal.html
+++ b/lms/templates/forgot_password_modal.html
@@ -7,14 +7,24 @@
         <hr>
       </header>
 
-      <p>Forgotten your password? Enter your e-mail address below, and we'll e-mail instructions for setting a new one.</p>
+      <div class="message">
+        <p>Enter your e-mail address below, and we will e-mail instructions for setting a new password.</p>
+      </div>
 
       <form id="pwd_reset_form" action="${reverse('password_reset')}" method="post" data-remote="true">
         <label for="id_email">E-mail address:</label>
-        <input id="id_email" type="email" name="email" maxlength="75" />
-        <input type="submit" id="pwd_reset_button" value="Reset my password" />
+        <input id="id_email" type="email" name="email" maxlength="75" placeholder="Your E-mail"/>
+        <div class="submit">
+          <input type="submit" id="pwd_reset_button" value="Reset my password" />
+        </div>
       </form>
     </div>
+
+    <div class="close-modal">
+      <div class="inner">
+        <p>&#10005;</p>
+      </div>
+    </div>
   </div>
 </section>