Commit 08015a7d by Galen Frechette

adds styles to password reset modal

parent 4c748218
...@@ -115,8 +115,12 @@ ...@@ -115,8 +115,12 @@
padding: 12px; padding: 12px;
} }
.activation-message { .activation-message, .message {
padding: 0 40px 10px; padding: 0 40px 10px;
p {
margin-bottom: 10px;
}
} }
form { form {
......
...@@ -7,14 +7,24 @@ ...@@ -7,14 +7,24 @@
<hr> <hr>
</header> </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"> <form id="pwd_reset_form" action="${reverse('password_reset')}" method="post" data-remote="true">
<label for="id_email">E-mail address:</label> <label for="id_email">E-mail address:</label>
<input id="id_email" type="email" name="email" maxlength="75" /> <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" /> <input type="submit" id="pwd_reset_button" value="Reset my password" />
</div>
</form> </form>
</div> </div>
<div class="close-modal">
<div class="inner">
<p>&#10005;</p>
</div>
</div>
</div> </div>
</section> </section>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment