improve markup of login_registration template (#29228)

This commit is contained in:
Frédéric Péters 2019-01-02 15:22:07 +01:00
parent 79995b127f
commit 7861f4a4f3
2 changed files with 13 additions and 16 deletions

View File

@ -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;
}

View File

@ -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>