From 74ab7f4dc4c2d838eb5606e8f387066483167dad Mon Sep 17 00:00:00 2001
From: Matheus Agio Nerone <man13@inf.ufpr.br>
Date: Mon, 28 Sep 2015 16:30:31 -0300
Subject: [PATCH] create class for panel

Signed-off-by: Matheus Agio Nerone <man13@inf.ufpr.br>
---
 .../stylesheets/application/welcome.scss      | 12 ++++++++++
 app/views/welcome/index.html.erb              | 24 ++++++++++++-------
 2 files changed, 28 insertions(+), 8 deletions(-)

diff --git a/app/assets/stylesheets/application/welcome.scss b/app/assets/stylesheets/application/welcome.scss
index 293aecd5..41fed892 100644
--- a/app/assets/stylesheets/application/welcome.scss
+++ b/app/assets/stylesheets/application/welcome.scss
@@ -1,3 +1,15 @@
+.panel-wrapper{
+  position: relative;
+  min-height: 500px;
+  min-width: 350px;
+  margin-top: 30px;
+  background-color: #2178F5;
+  color: white;
+}
+.divider{
+  height: 5px;
+  background-color: red;
+}
 .general-highlights {
   padding-left: 0px;
   padding-right: 0px;
diff --git a/app/views/welcome/index.html.erb b/app/views/welcome/index.html.erb
index 20c0cacf..fcbdc70e 100644
--- a/app/views/welcome/index.html.erb
+++ b/app/views/welcome/index.html.erb
@@ -57,14 +57,22 @@
     </div>
   </div>
   <div class="col-md-3 col-md-offset-1 hidden-xs hidden-sm">
-    <div style="position: relative; height: 500px; width: 350px; margin-top: 30px; background-color: #2178F5; padding: 5px 30px 30px 30px; color: white">
-      <h2>Cadastre-se!</h2>
-      <h2>Vantagens de cadastrar:</h2>
-      <h2>Tem Muitas!</h2>
-      <%= form_tag(new_user_registration_path, method: 'get') do %>
-        <%= text_field_tag :email, '', placeholder: "Seu email", class: 'form-control', style: 'position: absolute; bottom: 75px ;right: 30px; width: 290px;' %>
-        <%= button_to "Cadastrar-se", new_user_registration_path,class: "btn btn-danger", style: 'position: absolute; bottom: 30px ;right: 30px; width: 230px; background-color: #FF2134;' %>
-      <% end %>
+    <div class="panel-wrapper">
+      <div style="padding: 5px 30px 30px 30px;">
+        <h2>Cadastre-se!</h2>
+        <h2>Vantagens de cadastrar:</h2>
+        <h2>Tem Muitas!</h2>
+        <h2>Tem Muitas!</h2>
+        <h2>Tem Muitas!</h2>
+      </div>
+      <div class="divider">
+      </div>
+      <div style="width: 100%; padding: 5px 30px 30px 30px;">
+        <%= form_tag(new_user_registration_path, method: 'get') do %>
+          <%= text_field_tag :email, '', placeholder: "Seu email", class: 'form-control'%>
+          <%= button_to "Cadastrar-se", new_user_registration_path,class: "btn btn-danger", style: 'margin-top: 10px; width: 230px; background-color: #FF2134;'%>
+        <% end %>
+      </div>
     </div>
   </div>
 </div>
-- 
GitLab