diff --git a/app/assets/stylesheets/link-sent.scss b/app/assets/stylesheets/link-sent.scss
index 778d330b1..3671aa07c 100644
--- a/app/assets/stylesheets/link-sent.scss
+++ b/app/assets/stylesheets/link-sent.scss
@@ -7,24 +7,36 @@
text-align: center;
max-width: 600px;
- b {
+ section {
+ text-align: left;
+ margin: 3 * $default-padding auto;
+ }
+
+ p,
+ ol {
+ margin-top: $default-padding;
+ margin-bottom: $default-padding;
+ }
+
+ .link-sent-info {
+ color: #000000;
+ background-color: $yellow;
+ padding: 0 $default-padding;
+ border: 1px solid transparent; // prevent margin collapse of first paragraph
+ }
+
+ .link-sent-help {
+ border-top: 1px solid $grey;
+ padding-top: $default-padding;
+ margin-bottom: $default-padding;
+ }
+
+ .link-sent-help-title {
font-weight: bold;
}
- p {
- text-align: left;
- margin: 6 * $default-spacer auto;
- }
-
- p.mail {
- color: #000000;
- background-color: $yellow;
- padding: $default-padding;
- }
-
- p.help {
- border-top: 1px solid $grey;
- padding-top: 6 * $default-spacer;
- margin-bottom: 2 * $default-spacer;
+ .link-sent-help-list {
+ list-style-position: outside;
+ padding-left: $default-padding;
}
}
diff --git a/app/views/users/sessions/link_sent.html.haml b/app/views/users/sessions/link_sent.html.haml
index 37961886c..7e2babdf2 100644
--- a/app/views/users/sessions/link_sent.html.haml
+++ b/app/views/users/sessions/link_sent.html.haml
@@ -7,16 +7,16 @@
= image_tag('user/confirmation-email.svg')
%h1 Encore une petite étape :)
- %p.mail
- Ouvrez votre boite email #{@email} puis cliquez sur le lien d'activation du message Connexion sécurisée à #{APPLICATION_NAME}.
- %br
- %br
- Attention, ce message peut mettre jusqu'à 15 minutes pour arriver.
+ %section.link-sent-info
+ %p
+ Ouvrez votre boite email #{@email} puis cliquez sur le lien d’activation du message Connexion sécurisée à #{APPLICATION_NAME}.
+ %p
+ Attention, ce message peut mettre jusqu’à 15 minutes pour arriver.
- %p.help
- Si vous voyez cette page trop souvent, consultez notre aide : #{link_to FAQ_CONFIRMER_COMPTE_CHAQUE_CONNEXION_URL, FAQ_CONFIRMER_COMPTE_CHAQUE_CONNEXION_URL, target: '_blank', rel: 'noopener' }
- %br
- %br
- En cas de difficultés, nous restons joignables
- = succeed '.' do
- = link_to("via ce formulaire", contact_admin_url)
+ %section.link-sent-help
+ %p
+ Si vous voyez cette page trop souvent, consultez notre aide : #{link_to FAQ_CONFIRMER_COMPTE_CHAQUE_CONNEXION_URL, FAQ_CONFIRMER_COMPTE_CHAQUE_CONNEXION_URL, target: '_blank', rel: 'noopener' }
+ %p
+ En cas de difficultés, nous restons joignables
+ = succeed '.' do
+ = link_to("via ce formulaire", contact_admin_url)