From 7861f4a4f3dc444accb3bc5a2435d0ad40dc515b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20P=C3=A9ters?= <fpeters@entrouvert.com>
Date: Wed, 2 Jan 2019 15:22:07 +0100
Subject: [PATCH] improve markup of login_registration template (#29228)

---
 .../static/authentic2_auth_fc/css/fc.css      |  8 +++----
 .../login_registration.html                   | 21 ++++++++-----------
 2 files changed, 13 insertions(+), 16 deletions(-)

diff --git a/src/authentic2_auth_fc/static/authentic2_auth_fc/css/fc.css b/src/authentic2_auth_fc/static/authentic2_auth_fc/css/fc.css
index 04c6da8..43a3651 100644
--- a/src/authentic2_auth_fc/static/authentic2_auth_fc/css/fc.css
+++ b/src/authentic2_auth_fc/static/authentic2_auth_fc/css/fc.css
@@ -1,5 +1,5 @@
-div#fc-button-wrapper, div#fc-explanation-text {
-    padding: 20px 0px 20px 0px;
+div#fc-registration-user-info, div#fc-button-wrapper, div#fc-explanation-text {
+    margin: 20px 0px 20px 0px;
     text-align: center;
     width: 100%;
 }
@@ -44,6 +44,6 @@ div#fc-button-wrapper.small div#fc-button a.button div img {
     height: 50px;
 }
 
-span.certified {
-    font-weight: bold;
+span.fc-user-email {
+    display: block;
 }
diff --git a/src/authentic2_auth_fc/templates/authentic2_auth_fc/login_registration.html b/src/authentic2_auth_fc/templates/authentic2_auth_fc/login_registration.html
index d1abdfe..1561508 100644
--- a/src/authentic2_auth_fc/templates/authentic2_auth_fc/login_registration.html
+++ b/src/authentic2_auth_fc/templates/authentic2_auth_fc/login_registration.html
@@ -2,24 +2,21 @@
 {% load i18n %}
 
 <link rel="stylesheet" type="text/css" href="{% static 'authentic2_auth_fc/css/fc.css' %}">
+
+<div id="fc-registration-user-info">
+ <h3>{% trans "Create your account with FranceConnect" %}</h3>
+ <p class="certified">
+  <span class="fc-user-full-name">{{ fc_user_info.given_name }} {{ fc_user_info.family_name }}</span>
+  {% if fc_user_info.email %}<span class="fc-user-email">{{ fc_user_info.email }}</span>{% endif %}
+ </p>
+</div>
+
 <div id="fc-button-wrapper">
   <div id="fc-button">
     <a href="{{ registration_url }}"
        title="{% trans 'Create your account with FranceConnect' %}"
        class="button connexion{% if popup %} js-fc-popup{% endif %}">
         <div>
-        {% trans "Create your account with FranceConnect" %}
-        <br/>
-        <br/>
-        <span class="certified">
-            {{ fc_user_info.given_name }} {{ fc_user_info.family_name }}
-            {% if fc_user_info.email %}
-            <br/>
-            {{ fc_user_info.email }}
-            {% endif %}
-        </span>
-        <br/>
-        <br/>
         <img src="{% static 'authentic2_auth_fc/img/FC-register-button.svg' %}"></img>
         </div>
     </a>