login should use generic two columns layout

app/assets/stylesheets/new_design/login.scss

@@ -4,45 +4,20 @@
 
 $login-breakpoint: 820px;
 
-.login-wrapper {
-  @extend %page-width-container;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-}
-
-$login-padding: 60px;
-
-.preview,
-.login-form {
-  width: 50%;
-  padding: $login-padding;
-}
-
 @media (max-width: $login-breakpoint) {
   .preview {
     display: none;
   }
 
-  .login-form {
+  .two-columns .column.login-form {
     @include horizontal-padding(0);
     width: 100%;
   }
 }
 
-@media (min-width: $login-breakpoint) {
+@media (max-width: $login-breakpoint) {
   .two-columns {
-    background: linear-gradient(to right, #FFFFFF 0%, #FFFFFF 50%, $light-grey 50%, $light-grey 100%);
-  }
-}
-
-@media (min-width: $page-width + (2 * $login-padding)) {
-  .preview {
-    padding-left: 0;
-  }
-
-  .login-form {
-    padding-right: 0;
+    background: #FFFFFF;
   }
 }
 

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

@@ -1,6 +1,6 @@
 .two-columns
-  .login-wrapper
-    .preview
+  .columns-container
+    .column.preview
       - unless @dossier
         = image_tag "landing/hero/dematerialiser.svg", class: "paperless-logo"
         .baseline.center
@@ -22,7 +22,7 @@
         %p.procedure-description
           = h @dossier.procedure.description.html_safe
 
-    .login-form
+    .column.login-form
       = form_for @user, url: user_session_path, html: { class: "form" } do |f|
         %h1 Connectez-vous