style Reset Password

This commit is contained in:
Felix Niklas 2014-07-04 12:29:52 +02:00
parent 2fe0e54111
commit 37ae82bd05
4 changed files with 27 additions and 21 deletions

View file

@ -1,5 +1,5 @@
class Index extends App.ControllerContent
className: 'container'
className: 'reset_password fit'
events:
'submit form': 'submit'

View file

@ -1,14 +1,18 @@
<div class="hero-unit">
<div class="fullHeight vertical center justified">
<div class="hero-unit">
<% if @sent: %>
<h2><%- @T('We\'ve sent password reset instructions to your email address.') %><small></small></h2>
<p><%- @T('If you don\'t receive instructions within a minute or two, check your email\'s spam and junk filters, or try resending your request.') %></p>
<a href="#" class="retry">&raquo; <%- @T('again') %> &laquo;</a>
<a href="#" class="subtle retry">&raquo; <%- @T('again') %> &laquo;</a>
<% end %>
<div id="form-password">
<h2><%- @T( 'Forgot your password?' ) %><small></small></h2>
<form id="form-password-item" class="form-normal">
<a href="#/" class="btn btn-default cancel"><%- @T( 'Cancel' ) %></a>
<button class="btn btn-primary submit"><%- @T( 'Submit' ) %></button>
<form id="form-password-item">
<div class="form-controls">
<a class="subtle-link standalone pull-left cancel" href="#/"><%- @T( 'Cancel & Go Back' ) %></a>
<button class="btn btn-primary submit pull-right"><%- @T( 'Submit' ) %></button>
</div>
</form>
</div>
</div>
</div>

View file

@ -1,7 +1,8 @@
<div class="hero-unit">
<div class="fullHeight vertical center justified">
<div class="hero-unit">
<h2><%- @T( 'Choose your new password.' ) %><small></small></h2>
<form class="form-normal">
<p id="form-password-change"></p>
<form id="form-password-change">
<button class="btn btn-primary submit"><%- @T( 'Submit' ) %></button>
</form>
</div>
</div>

View file

@ -395,6 +395,7 @@ h1 {
}
h2 {
font-size: 19px;
line-height: 25px;
color: rgba(0,8,14,.73);
}
h3 {
@ -444,7 +445,6 @@ label {
.help-inline {
color: red;
padding: 0 2px;
font-size: 13px;
}
@ -590,7 +590,8 @@ label {
0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.hero-unit h1 {
.hero-unit h1,
.hero-unit h2 {
margin-top: 0;
}