From 4856f608474f07848e3aa8eac0a5052454110fd0 Mon Sep 17 00:00:00 2001
From: hellodeloo <hello@hellodeloo.com>
Date: Thu, 22 Aug 2024 17:52:06 +0200
Subject: [PATCH] fix: ic account btn ui

---
 itou/templates/dashboard/edit_user_info.html  |  45 +++---
 .../__snapshots__/test_edit_user_info.ambr    | 140 +++++++++---------
 2 files changed, 92 insertions(+), 93 deletions(-)

diff --git a/itou/templates/dashboard/edit_user_info.html b/itou/templates/dashboard/edit_user_info.html
index d07bab4492..29f020e001 100644
--- a/itou/templates/dashboard/edit_user_info.html
+++ b/itou/templates/dashboard/edit_user_info.html
@@ -36,18 +36,16 @@ <h2>Informations personnelles</h2>
                                             <strong>Informations manquantes</strong>
                                         </p>
                                         <p>Une ou plusieurs informations de votre profil sont nécessaires pour utiliser votre espace candidat.</p>
-                                        <p class="mb-0">
-                                            Les champs suivants ne sont pas renseignés :
-                                            <ul>
-                                                {% for field in form %}
-                                                    {% if field.field.required and not field.value or field.name == 'phone' and not field.value %}
-                                                        <li>
-                                                            <strong>{{ field.label }}</strong>
-                                                        </li>
-                                                    {% endif %}
-                                                {% endfor %}
-                                            </ul>
-                                        </p>
+                                        <p class="mb-0">Les champs suivants ne sont pas renseignés :</p>
+                                        <ul>
+                                            {% for field in form %}
+                                                {% if field.field.required and not field.value or field.name == 'phone' and not field.value %}
+                                                    <li>
+                                                        <strong>{{ field.label }}</strong>
+                                                    </li>
+                                                {% endif %}
+                                            {% endfor %}
+                                        </ul>
                                     </div>
                                 </div>
                             </div>
@@ -58,15 +56,20 @@ <h2>Informations personnelles</h2>
                             <form method="post" class="js-prevent-multiple-submit">
                                 {% csrf_token %}
                                 {% if ic_account_url %}
-                                    <div>
-                                        Prénom : <strong>{{ user.first_name|title }}</strong>
-                                        <br>
-                                        Nom : <strong>{{ user.last_name|upper }}</strong>
-                                        <br>
-                                        Adresse e-mail : <strong>{{ user.email }}</strong>
-                                    </div>
-                                    <a class="btn btn-outline-primary btn-ico btn-sm mt-2" href="{{ ic_account_url }}">
-                                        <i class="ri-pencil-line me-2"></i>Modifier ces informations
+                                    <ul class="list-unstyled">
+                                        <li>
+                                            Prénom : <strong>{{ user.first_name|title }}</strong>
+                                        </li>
+                                        <li>
+                                            Nom : <strong>{{ user.last_name|upper }}</strong>
+                                        </li>
+                                        <li>
+                                            Adresse e-mail : <strong>{{ user.email }}</strong>
+                                        </li>
+                                    </ul>
+                                    <a class="btn btn-outline-primary btn-ico" href="{{ ic_account_url }}">
+                                        <i class="ri-pencil-line me-2" aria-hidden="true"></i>
+                                        <span>Modifier ces informations</span>
                                     </a>
                                     <hr class="my-4">
                                     {% bootstrap_form_errors form type="all" %}
diff --git a/tests/www/dashboard/__snapshots__/test_edit_user_info.ambr b/tests/www/dashboard/__snapshots__/test_edit_user_info.ambr
index f26db028ad..157fc7f2ce 100644
--- a/tests/www/dashboard/__snapshots__/test_edit_user_info.ambr
+++ b/tests/www/dashboard/__snapshots__/test_edit_user_info.ambr
@@ -11,62 +11,60 @@
                                               <strong>Informations manquantes</strong>
                                           </p>
                                           <p>Une ou plusieurs informations de votre profil sont nécessaires pour utiliser votre espace candidat.</p>
-                                          <p class="mb-0">
-                                              Les champs suivants ne sont pas renseignés :
-                                              </p><ul>
+                                          <p class="mb-0">Les champs suivants ne sont pas renseignés :</p>
+                                          <ul>
+                                              
                                                   
-                                                      
+                                              
                                                   
-                                                      
-                                                          <li>
-                                                              <strong>Civilité</strong>
-                                                          </li>
-                                                      
+                                                      <li>
+                                                          <strong>Civilité</strong>
+                                                      </li>
                                                   
-                                                      
+                                              
                                                   
-                                                      
+                                              
                                                   
-                                                      
+                                              
                                                   
-                                                      
-                                                          <li>
-                                                              <strong>Téléphone</strong>
-                                                          </li>
-                                                      
+                                              
                                                   
-                                                      
+                                                      <li>
+                                                          <strong>Téléphone</strong>
+                                                      </li>
                                                   
-                                                      
+                                              
                                                   
-                                                      
+                                              
                                                   
-                                                      
+                                              
                                                   
-                                                      
+                                              
                                                   
-                                                      
+                                              
                                                   
-                                                      
+                                              
                                                   
-                                                      
-                                                          <li>
-                                                              <strong>Adresse actuelle</strong>
-                                                          </li>
-                                                      
+                                              
                                                   
-                                                      
+                                              
                                                   
-                                                      
+                                                      <li>
+                                                          <strong>Adresse actuelle</strong>
+                                                      </li>
                                                   
-                                                      
+                                              
                                                   
-                                                      
+                                              
                                                   
-                                                      
+                                              
                                                   
-                                              </ul>
-                                          <p></p>
+                                              
+                                                  
+                                              
+                                                  
+                                              
+                                          </ul>
                                       </div>
                                   </div>
                               </div>
@@ -84,62 +82,60 @@
                                               <strong>Informations manquantes</strong>
                                           </p>
                                           <p>Une ou plusieurs informations de votre profil sont nécessaires pour utiliser votre espace candidat.</p>
-                                          <p class="mb-0">
-                                              Les champs suivants ne sont pas renseignés :
-                                              </p><ul>
+                                          <p class="mb-0">Les champs suivants ne sont pas renseignés :</p>
+                                          <ul>
+                                              
+                                                  
+                                              
+                                                  
+                                                      <li>
+                                                          <strong>Civilité</strong>
+                                                      </li>
                                                   
-                                                      
+                                              
                                                   
-                                                      
-                                                          <li>
-                                                              <strong>Civilité</strong>
-                                                          </li>
-                                                      
+                                              
                                                   
-                                                      
+                                              
                                                   
-                                                      
+                                                      <li>
+                                                          <strong>Date de naissance</strong>
+                                                      </li>
                                                   
-                                                      
-                                                          <li>
-                                                              <strong>Date de naissance</strong>
-                                                          </li>
-                                                      
+                                              
                                                   
-                                                      
+                                              
                                                   
-                                                      
+                                              
                                                   
-                                                      
+                                              
                                                   
-                                                      
+                                              
                                                   
-                                                      
+                                              
                                                   
-                                                      
+                                              
                                                   
-                                                      
+                                              
                                                   
-                                                      
+                                              
                                                   
-                                                      
-                                                          <li>
-                                                              <strong>Adresse actuelle</strong>
-                                                          </li>
-                                                      
+                                                      <li>
+                                                          <strong>Adresse actuelle</strong>
+                                                      </li>
                                                   
-                                                      
+                                              
                                                   
-                                                      
+                                              
                                                   
-                                                      
+                                              
                                                   
-                                                      
+                                              
                                                   
-                                                      
+                                              
                                                   
-                                              </ul>
-                                          <p></p>
+                                              
+                                          </ul>
                                       </div>
                                   </div>
                               </div>