From b34b1456163d612326aebf0d960b28d94c382608 Mon Sep 17 00:00:00 2001
From: karemarsy <karema@octangrp.com>
Date: Mon, 13 Apr 2020 19:10:56 +0200
Subject: [PATCH] Implement form design

---
 app/assets/stylesheets/application.css.scss | 10 ++++++
 app/views/forms/new.html.erb                | 36 ++++++++++++---------
 2 files changed, 31 insertions(+), 15 deletions(-)

diff --git a/app/assets/stylesheets/application.css.scss b/app/assets/stylesheets/application.css.scss
index 0045e6f..e292b0e 100644
--- a/app/assets/stylesheets/application.css.scss
+++ b/app/assets/stylesheets/application.css.scss
@@ -48,6 +48,16 @@ $light: #fff;
   height: 100%;
 }
 
+.content {
+  padding: 30px 60px 50px;
+
+  &>h1 {
+    margin-bottom: 40px;
+  }
+}
+
+
+
 body {
   min-height: 100vh;
 }
\ No newline at end of file
diff --git a/app/views/forms/new.html.erb b/app/views/forms/new.html.erb
index 39cb894..6baa484 100644
--- a/app/views/forms/new.html.erb
+++ b/app/views/forms/new.html.erb
@@ -1,21 +1,27 @@
 <div class="section">
-  <div class="container">
-    <div class="is-centered">
-      <%= form_for @form do |f| %>
-      <div class="field">
-        <div class="control">
-          <%= f.text_field :title, class: 'input', placeholder: 'Title' %>
+  <div class=" columns ">
+    <div class="column is-three-quarters is-three-fifths
+is-offset-one-fifth">
+      <div class="box">
+        <div class="content has-text-centered">
+          <h1 class="has-text-weight-light">Create a new form</h1>
+          <%= form_for @form do |f| %>
+          <div class="field">
+            <div class="control">
+              <%= f.text_field :title, class: 'input', placeholder: 'Title' %>
+            </div>
+          </div>
+          <div class="field">
+            <div class="control">
+              <%= f.text_field :thank_you_url, class: 'input', placeholder: 'Thank you url' %>
+            </div>
+          </div><br>
+          <div>
+            <%= f.submit class: 'button is-primary' %>
+            <% end %>
+          </divdiv>
         </div>
       </div>
-      <div class="field">
-        <div class="control">
-          <%= f.text_field :thank_you_url, class: 'input', placeholder: 'Thank you url' %>
-        </div>
-      </div>
-      <div>
-      <%= f.submit class: 'button is-primary' %>
-      <% end %>
-      </div>
     </div>
   </div>
 </div>
\ No newline at end of file