From 015a591efdfec7240b8f5f513f8e595cfaef7ba2 Mon Sep 17 00:00:00 2001
From: Pierre de La Morinerie <kemenaran@gmail.com>
Date: Tue, 2 Apr 2019 14:45:59 +0200
Subject: [PATCH] commencer: fix fat two-lines button on small screens

---
 app/assets/stylesheets/new_design/commencer.scss | 6 ++++++
 app/views/commencer/show.html.haml               | 5 ++++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/new_design/commencer.scss b/app/assets/stylesheets/new_design/commencer.scss
index 5da4faf86..3244987c7 100644
--- a/app/assets/stylesheets/new_design/commencer.scss
+++ b/app/assets/stylesheets/new_design/commencer.scss
@@ -8,4 +8,10 @@
   .button {
     margin-bottom: 2 * $default-spacer;
   }
+
+  @media (max-width: 450px) {
+    .optional-on-small-screens {
+      display: none;
+    }
+  }
 }
diff --git a/app/views/commencer/show.html.haml b/app/views/commencer/show.html.haml
index df2325d3a..bed41a69f 100644
--- a/app/views/commencer/show.html.haml
+++ b/app/views/commencer/show.html.haml
@@ -3,7 +3,10 @@
 .commencer.form
   - if !user_signed_in?
     %h1 Commencer la démarche
-    = link_to 'Créer un compte demarches-simplifiees.fr', commencer_sign_up_path(path: @procedure.path), class: ['button large expand primary']
+    = link_to commencer_sign_up_path(path: @procedure.path), class: ['button large expand primary'] do
+      Créer un compte
+      %span.optional-on-small-screens
+        demarches-simplifiees.fr
     = link_to 'J’ai déjà un compte', commencer_sign_in_path(path: @procedure.path), class: ['button large expand']
 
   - else