From 47f97ae8457da09b1f4bb0c781d42057df6f5f7f Mon Sep 17 00:00:00 2001
From: GregoireDucharme <gregoire.ducharme@gmail.com>
Date: Wed, 18 Dec 2024 09:55:14 +0100
Subject: [PATCH] style: Mise en forme du paragraphe de l'import parcellaire

---
 src/components/setup/Flow/Preview.vue | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/components/setup/Flow/Preview.vue b/src/components/setup/Flow/Preview.vue
index ff94ed19..f8c47eb5 100644
--- a/src/components/setup/Flow/Preview.vue
+++ b/src/components/setup/Flow/Preview.vue
@@ -93,8 +93,7 @@
               Vous pouvez récupérer les informations renseignées dans une version de votre choix : dates et niveaux de
               conversion, parcelles ajoutées manuellement, variété (si la culture est identique), notes de certification
               et noms de parcelles modifiés.
-              <br />
-              <br />
+              <span class="carriage-return"></span>
               Pour plus d’information :
               <a
                 class="fr-link"
@@ -114,7 +113,8 @@
             @click.stop.prevent="showDetails = !showDetails"
           >
             Quelles informations sont reprises ?<span
-              :class="showDetails ? 'fr-icon-arrow-down-s-line' : 'fr-icon-arrow-up-s-line'"
+              class="icon-info"
+              :class="showDetails ? 'fr-icon-arrow-up-s-line' : 'fr-icon-arrow-down-s-line'"
             />
           </button>
         </div>
@@ -292,5 +292,16 @@ const getShortVersionName = (name) => {
   .more-infos-text {
     margin-bottom: 1em;
   }
+
+  .icon-info::before {
+    font-size: 1em;
+    width: 1.2rem;
+    margin-left: 0.5em;
+  }
+
+  .carriage-return {
+    height: 1rem;
+    display: block;
+  }
 }
 </style>