Merge branch 'affichage-reference-fix' into 'master'

Fix l'emplacement du picto

See merge request leximpact/leximpact-socio-fiscal-ui!92

src/lib/components/variables/VariableHeader.svelte

@@ -131,13 +131,14 @@
   {/if}
 </div>
 
+<div class="mb-4">
   <!--Description du dispositif-->
   {#if descriptionsByInstant !== undefined}
     <!--Add variable descriptions as described in decomposition customization and order them by date. -->
     {#each Object.entries(descriptionsByInstant).sort( ([instant1], [instant2]) => instant2.localeCompare(instant1), ) as [instant, descriptions]}
       {#each descriptions as { href, note, title }}
         <article class="mr-4">
-        <div class="mb-4">
+          <div class="">
             {#if note !== undefined}
               <span
                 class="break-words font-serif text-sm leading-normal text-black"
@@ -156,10 +157,11 @@
                     {title ?? href}
                     <span class="text-xs"
                       >(consulté le {dateFormatter.format(new Date(instant))})
-                  </span><Icon
+                      <Icon
                         class="ml-0.5 inline h-3 w-3"
                         icon="ri-share-box-fill"
-                  />
+                      /></span
+                    >
                   </a>
                 {/if}
               </span>
@@ -169,12 +171,13 @@
       {/each}
     {/each}
   {/if}
-
+</div>
+<div class="mb-4">
   <!--Référence législative du dispositif-->
   {#if referencesByInstant !== undefined}
     <!--Add variable references as described in openfisca references + decomposition customization and order them by date. -->
     {#each Object.entries(referencesByInstant).sort( ([instant1], [instant2]) => instant2.localeCompare(instant1), ) as [instant, references]}
-    <div class="mr-4 mb-4 rounded-sm bg-le-gris-dispositif-ultralight p-2">
+      <div class="mr-4 rounded-sm bg-le-gris-dispositif-ultralight p-2">
         {#each references as { href, note, title }}
           <ul class="text-xs">
             <li>
@@ -184,12 +187,10 @@
                 {/if}
               {:else}
                 <a class="link text-black" {href} target="_blank"
-                ><span class="link flex items-center">
-                  <Icon
-                    class="mr-1 h-4 w-4"
+                  ><Icon
+                    class="mr-1 inline-flex h-4 w-4"
                     icon="ri-file-text-line"
-                  />{title ?? href}</span
-                >
+                  /><span> {title ?? href}</span>
                 </a>
               {/if}
             </li>
@@ -198,3 +199,4 @@
       </div>
     {/each}
   {/if}
+</div>