Align the remember me and forgotten password items

app/assets/stylesheets/new_design/auth.scss

@@ -65,13 +65,15 @@ $auth-breakpoint: $two-columns-breakpoint;
 }
 
 .auth-form {
-  .reset-password {
-    margin-top: - 3 * $default-spacer;
-    margin-bottom: $default-spacer;
+  .auth-options {
+    display: flex;
+    justify-content: space-between;
+    margin-bottom: 4 * $default-spacer;
   }
 
   .remember-me {
     display: inline-block;
+    margin-bottom: 0;
   }
 
   .separation {
@@ -127,3 +129,13 @@ $auth-breakpoint: $two-columns-breakpoint;
     }
   }
 }
+
+.sign-in-form .form {
+  input[type="password"] {
+    margin-bottom: $default-spacer;
+  }
+
+  input[type="checkbox"] {
+    margin-bottom: 0;
+  }
+}

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

@@ -22,7 +22,7 @@
         .procedure-description
           = h simple_format(@dossier.procedure.description)
 
-    .column.auth-form
+    .column.auth-form.sign-in-form
       - if resource_name == :user
         %p.register
           %span
@@ -40,14 +40,16 @@
         = f.label :password, "Mot de passe"
         = f.password_field :password, value: @user.password, placeholder: "8 caractères minimum"
 
-        - if [:user, :gestionnaire].include?(resource_name)
-          .reset-password.text-right
-            = link_to "Mot de passe oublié ?", new_password_path(resource_name), class: "link"
-
+        .auth-options
           - if devise_mapping.rememberable?
+            %div
               = f.check_box :remember_me, as: :boolean
               = f.label :remember_me, "Se souvenir de moi", class: 'remember-me'
 
+          - if [:user, :gestionnaire].include?(resource_name)
+            .text-right
+              = link_to "Mot de passe oublié ?", new_password_path(resource_name), class: "link"
+
         = f.submit "Se connecter", class: "button large primary expand"
 
       .separation.center