centered reset password box
This commit is contained in:
parent
ff6eef7807
commit
5e76b44b80
2 changed files with 13 additions and 5 deletions
|
@ -183,12 +183,20 @@ input[type="submit"]:active {
|
|||
.edit_user,
|
||||
.forgotPassword {
|
||||
display: block;
|
||||
width: 250px;
|
||||
width: 300px;
|
||||
background-color: #E0E0E0;
|
||||
padding: 20px;
|
||||
padding: 16px;
|
||||
border-radius: 5px;
|
||||
color: black;
|
||||
box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.4);
|
||||
top: 50%;
|
||||
left:50%;
|
||||
position:absolute;
|
||||
margin-left: -166px;
|
||||
}
|
||||
.forgotPassword {
|
||||
height: 134px;
|
||||
margin-top: -83px;
|
||||
}
|
||||
.centerGreyForm input[type="text"],
|
||||
.centerGreyForm input[type="email"],
|
||||
|
|
|
@ -4,12 +4,12 @@
|
|||
<%= form_for(resource, :as => resource_name, :url => password_path(resource_name), :html => { :method => :post, :class => "forgotPassword centerGreyForm" }) do |f| %>
|
||||
<%= devise_error_messages! %>
|
||||
|
||||
<h3>Forgot your password?</h3>
|
||||
<h3>FORGOT PASSWORD?</h3>
|
||||
|
||||
<div><%= f.label :email %>
|
||||
<div><%= f.label :email, "Enter Your Email:" %>
|
||||
<%= f.email_field :email, :autofocus => true %></div>
|
||||
|
||||
<div><%= f.submit "Send me reset password instructions" %></div>
|
||||
<div><%= f.submit "Send Reset Password Instructions" %></div>
|
||||
|
||||
<% end %>
|
||||
</div>
|
||||
|
|
Loading…
Reference in a new issue