From 5e76b44b80f16752a048af59fbc9abf544ecb933 Mon Sep 17 00:00:00 2001 From: Bashar Date: Sun, 21 Sep 2014 20:47:09 -0400 Subject: [PATCH] centered reset password box --- app/assets/stylesheets/application.css | 12 ++++++++++-- app/views/users/passwords/new.html.erb | 6 +++--- 2 files changed, 13 insertions(+), 5 deletions(-) diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css index 711d0b8f..bb0edb60 100644 --- a/app/assets/stylesheets/application.css +++ b/app/assets/stylesheets/application.css @@ -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"], diff --git a/app/views/users/passwords/new.html.erb b/app/views/users/passwords/new.html.erb index bdd7a8bc..88dddb4a 100644 --- a/app/views/users/passwords/new.html.erb +++ b/app/views/users/passwords/new.html.erb @@ -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! %> -

Forgot your password?

+

FORGOT PASSWORD?

-
<%= f.label :email %> +
<%= f.label :email, "Enter Your Email:" %> <%= f.email_field :email, :autofocus => true %>
-
<%= f.submit "Send me reset password instructions" %>
+
<%= f.submit "Send Reset Password Instructions" %>
<% end %>