Merge pull request #465 from sgmap/avis_sign_up_should_use_generic_css

Avis sign up should use generic css

app/assets/stylesheets/new_design/avis_sign_up.scss

@@ -32,60 +32,8 @@
   .right {
     background-color: $light-grey;
 
-    h1 {
-      font-size: 36px;
-      font-weight: bold;
-      margin-bottom: 60px;
-    }
-
     form {
       max-width: 420px;
     }
-
-    label,
-    input {
-      display: block;
-      width: 100%;
-    }
-
-    label {
-      font-size: 14px;
-      line-height: 1.57;
-      margin: 24px 0 8px;
-    }
-
-    input {
-      border: solid 1px $border-grey;
-      border-radius: 4px;
-      height: 56px;
-      padding: 0 15px;
-      font-family: Muli;
-      font-size: 14px;
-
-      &:disabled {
-        background-color: $border-grey;
-      }
-    }
-
-    button {
-      display: inline-block;
-      height: 60px;
-      line-height: 60px;
-      border: none;
-      border-radius: 60px;
-      background-color: $blue;
-      color: #FFFFFF;
-      font-size: 16px;
-      text-align: center;
-      width: 100%;
-      margin: 55px 0;
-
-      &:hover {
-        color: #FFFFFF;
-        text-decoration: none;
-        background-color: $light-blue;
-        cursor: pointer;
-      }
-    }
   }
 }

app/assets/stylesheets/new_design/forms.scss

@@ -1,6 +1,11 @@
 @import "colors";
 
 .form {
+  h1 {
+    text-align: center;
+    margin-bottom: 20px;
+  }
+
   label,
   input {
     font-size: 14px;
@@ -17,11 +22,16 @@
   }
 
   input[type=text],
+  input[type=email],
   input[type=password] {
     display: block;
     width: 100%;
     border-radius: 4px;
     border: solid 1px $border-grey;
     padding: 16px;
+
+    &:disabled {
+      background-color: $border-grey;
+    }
   }
 }

app/assets/stylesheets/new_design/login.scss

@@ -86,10 +86,6 @@ $login-padding: 60px;
 .login-form {
   font-size: 14px;
 
-  h1 {
-    margin-bottom: 20px;
-  }
-
   .reset-password {
     margin-top: 8px;
   }

app/views/backoffice/avis/sign_up.html.haml

@@ -3,13 +3,13 @@
     %p.description= @dossier.procedure.libelle
     %p.dossier Dossier nº #{@dossier.id}
   .right
-    %h1 Créez-vous un compte
+    = form_for(Gestionnaire.new, url: { controller: "backoffice/avis", action: :create_gestionnaire }, method: :post, html: { class: "form" }) do |f|
+      %h1 Créez-vous un compte
 
-    = form_for(Gestionnaire.new, url: { controller: 'backoffice/avis', action: :create_gestionnaire }, method: :post) do |f|
+      = f.label :email, "Email"
-      = f.label :email, 'Email'
       = f.email_field :email, value: @email, disabled: true
 
-      = f.label :password, 'Mot de passe'
+      = f.label :password, "Mot de passe"
-      = f.password_field :password, autofocus: true, required: true, placeholder: '8 caractères minimum'
+      = f.password_field :password, autofocus: true, required: true, placeholder: "8 caractères minimum"
 
-      %button Créer un compte
+      = f.submit "Créer un compte", class: "button large primary expand"

app/views/users/sessions/new.html.haml

@@ -23,9 +23,9 @@
           = h @dossier.procedure.description.html_safe
 
     .login-form
-      %h1.center Connectez-vous
-
       = form_for @user, url: user_session_path, html: { class: "form" } do |f|
+        %h1 Connectez-vous
+
         = f.label :email, "Email"
         = f.text_field :email