From 976c7169c30f4791a0adef8633d900e755ff1235 Mon Sep 17 00:00:00 2001
From: Renan Costa <renan2727@hotmail.com>
Date: Thu, 13 Feb 2014 17:28:25 -0200
Subject: [PATCH] Information fields on the signup screen

---
 app/assets/stylesheets/boilerplate/main.css | 41 +++++++++++++++++++++++++++++++++++++++++
 app/views/devise/registrations/new.html.erb | 67 +++++++++++++++++++++++++++++++++++++++++++++++++------------------
 2 files changed, 90 insertions(+), 18 deletions(-)

diff --git a/app/assets/stylesheets/boilerplate/main.css b/app/assets/stylesheets/boilerplate/main.css
index 93798ae..ca2bff1 100644
--- a/app/assets/stylesheets/boilerplate/main.css
+++ b/app/assets/stylesheets/boilerplate/main.css
@@ -93,10 +93,51 @@ textarea {
    Author's custom styles
    ========================================================================== */
 
+.form-table {
+    float: left;
+    width: 90%;
+    margin: 0 !important;
+    background: #fff;
+    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
+}
 
+.field {
+float: left;
+width: 100%;
+border-bottom: 1px solid #f2f2f2;
+border-top: 1px solid #e3e3e3;
+overflow: hidden;
+display: inline-flex;
+}
 
+.user-details {
+position: relative;
+float: left;
+width: 653px;
+padding: 20px;
+}
 
+.help {
+float: left;
+width: 307px;
+margin: 0 0 -20000px 0;
+padding: 20px 20px 20000px 20px;
+background: #f5f5f5;
+border-left: 1px solid #e3e3e3;
+border-right: 1px solid #e3e3e3;
+}
 
+.label2 {
+width: 95% !important;
+height: 50px;
+margin: 0;
+padding: 10px;
+color: #555;
+font-size: 15px;
+background: #f9f9f9;
+border: 1px solid #dfdfdf;
+}
 
 
 
diff --git a/app/views/devise/registrations/new.html.erb b/app/views/devise/registrations/new.html.erb
index d903430..9b1cafe 100644
--- a/app/views/devise/registrations/new.html.erb
+++ b/app/views/devise/registrations/new.html.erb
@@ -1,31 +1,62 @@
-<div class="page-header">
+<div>
   <h1>Sign Up</h1>
 </div>
 
 <%= form_for(resource, :as => resource_name, :url => registration_path(resource_name),:html => { :class => "form-inline" }) do |f| %>
   <%= devise_error_messages! %>
+  <div class="form-table">
+    <div class="field">
+      <div class="user-details"><%= f.label :name, class: 'control-label' %><br />
+        <%= f.text_field :name, :autofocus => true, class: 'label2' %></div>
+      <div class="help">
+        <p>
+          Seu nome!
+        </p>
+      </div>
+    </div>
 
-  <div class="control-group">
-    <%= f.label :name, class: 'control-label' %><br />
-    <%= f.text_field :name, :autofocus => true, class: 'form-control' %>
-  </div>
+    <div class="field">
+      <div class="user-details">
+        <%= f.label :email, class: 'control-label' %><br />
+        <%= f.email_field :email, class: 'label2' %>
+      </div>
+      <div class="help">
+        <p>
+          Seu nome!
+        </p>
+      </div>
+    </div>
 
-  <div class="control-group">
-    <%= f.label :email, class: 'control-label' %><br />
-    <%= f.email_field :email, class: 'form-control' %>
-  </div>
+    <div class="field">
+      <div class="user-details">
+        <%= f.label :password, class: 'control-label' %><br />
+        <%= f.password_field :password, class: 'label2' %>
+      </div>
+      <div class="help">
+        <p>
+          Seu nome!
+        </p>
+      </div>
+    </div>
 
-  <div class="control-group">
-    <%= f.label :password, class: 'control-label' %><br />
-    <%= f.password_field :password, class: 'form-control' %>
+    <div class="field">
+      <div class="user-details">
+        <%= f.label :password_confirmation, class: 'control-label' %><br />
+        <%= f.password_field :password_confirmation, class: 'label2' %>
+      </div>
+      <div class="help">
+        <p>
+          Seu nome!
+        </p>
+      </div>
+    </div>
+    
   </div>
 
-  <div class="control-group">
-    <%= f.label :password_confirmation, class: 'control-label' %><br />
-    <%= f.password_field :password_confirmation, class: 'form-control' %>
+  <div class="form-group">
+  <div class="col-sm-offset-2 col-sm-10">
+    <%= f.submit "Sign Up", class: 'btn btn-primary span2' %>
   </div>
-
-  <div class="control-group">
-    <%= f.submit "Sign Up", class: 'btn btn-primary' %>
   </div>
+  
 <% end %>
--
libgit2 0.21.2