centered reset password box

This commit is contained in:
Bashar 2014-09-21 20:47:09 -04:00
parent ff6eef7807
commit 5e76b44b80
2 changed files with 13 additions and 5 deletions

View file

@ -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"],

View file

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