Better layout

src/lib/components/variables/VariableDetail.svelte

@@ -250,13 +250,12 @@
     </AccordionItem>
     <AccordionItem open={true} title="Impacts cas types">
       {#if filteredTestCases.length > 0}
-        <div class="mb-10">
         <span>
           Situations types illustrant les mécanismes du dispositif «<span
             class="font-serif italic">&nbsp;{label}&nbsp;</span
           >» :
         </span>
-          <div class="mt-4 grid grid-cols-3 gap-5">
+        <div class="mt-4 mb-10 grid grid-cols-3 gap-5">
           {#each filteredTestCases as { title, situations, indices }}
             <a
               class="group flex items-center gap-3 p-2 bg-neutral-100 border-b-4 border-b-le-vert-400 shadow-md hover:border-b-le-jaune-very-dark hover:scale-105 hover:shadow-lg transition-all"
@@ -298,15 +297,13 @@
             </a>
           {/each}
         </div>
-        </div>
       {/if}
-      <div>
       <span>
         Consulter le dispositif «<span class="font-serif italic"
           >&nbsp;{label}&nbsp;</span
         >» avec des cas types représentatifs :
       </span>
-        <div class="flex justify-between gap-1">
+      <div class="mt-4 flex justify-between gap-1">
         {#each Object.keys(testCaseByDixieme) as dixieme}
           <button
             class="px-2 py-1 text-sm bg-neutral-100 border-y-4 border-transparent border-opacity-80 shadow"
@@ -361,7 +358,6 @@
           </a>
         {/each}
       </div>
-      </div>
     </AccordionItem>
   </Accordion>
 </aside>