adds styles to password reset modal

This commit is contained in:
Galen Frechette
2012-07-17 22:53:03 -04:00
parent 7af062ea33
commit ba8eb93b43
2 changed files with 18 additions and 4 deletions

View File

@@ -115,8 +115,12 @@
padding: 12px;
}
.activation-message {
.activation-message, .message {
padding: 0 40px 10px;
p {
margin-bottom: 10px;
}
}
form {

View File

@@ -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>