compact display to show agentconnect to small screen

app/assets/stylesheets/auth.scss

@@ -16,6 +16,10 @@
       display: none;
     }
   }
+
+  .column {
+    padding-top: 2 * $default-spacer;
+  }
 }
 
 .auth-form {
@@ -55,6 +59,10 @@
 }
 
 .sign-in-form .form {
+  input[type="email"] {
+    margin-bottom: $default-padding;
+  }
+
   input[type="password"] {
     margin-bottom: $default-spacer;
   }

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

@@ -23,11 +23,10 @@
 
     = f.submit t('views.users.sessions.new.connection'), class: "button large primary expand"
 
+  - if AgentConnectService.enabled?
     .france-connect-login-separator
       = t('views.shared.france_connect_login.separator')
-  - if AgentConnectService.enabled?
     .center
       %h2.important-header= t('views.users.sessions.new.state_civil_servant')
       %br
-      %br
       = link_to t('views.users.sessions.new.connect_with_agent_connect'), agent_connect_path, class: "button expend secondary"