[Fix #1285] Redesign the administrateurs password activation page

app/assets/stylesheets/new_design/administrateurs_activate.scss

@@ -0,0 +1,4 @@
+.administrateurs-activate.container {
+  margin-top: 60px;
+  margin-bottom: 60px;
+}

app/assets/stylesheets/new_design/layouts.scss

@@ -40,3 +40,8 @@
     }
   }
 }
+
+.one-column-centered {
+  margin: auto;
+  max-width: $page-width / 2;
+}

app/views/administrateurs/activate/new.html.haml

@@ -1,8 +1,22 @@
-.container
+- content_for(:title, "Choix du mot de passe")
-  = form_for @administrateur, url: { controller: 'administrateurs/activate', action: :create }, html: { class: "form" } do |f|
+
-    %br
+- content_for :footer do
-    %h1
+  = render partial: "root/footer"
-      = @administrateur.email
+
-    = f.password_field :password, placeholder: 'Mot de passe'
+.administrateurs-activate.container
-    = f.hidden_field :reset_password_token, value: params[:token]
+  .one-column-centered
-    = f.submit 'Définir le mot de passe', class: 'button large primary expand'
+    = form_for @administrateur, url: { controller: 'administrateurs/activate', action: :create }, html: { class: "form" } do |f|
+      %br
+      %h1
+        Choix du mot de passe
+
+      = f.label :email, "Email"
+      = f.text_field :email, disabled: true
+
+      = f.label :password do
+        Mot de passe
+
+      = f.password_field :password, placeholder: 'Mot de passe'
+
+      = f.hidden_field :reset_password_token, value: params[:token]
+      = f.submit 'Continuer', class: 'button large primary expand', id: "submit-password", data: { disable_with: "Envoi..." }