Ajuste bouton fermer/ouvrir la décomposition

src/lib/components/scholar_waterfalls/ScholarWaterfall.svelte

@@ -234,7 +234,7 @@
 </script>
 
 {#if nodes.length > 0}
-  <div class="flex border-b border-gray-300">
+  <div class="flex ">
     <!-- partie gauche dispositifs et ticket de caisse-->
     <div class="bg-opacity-40 flex-wrap w-3/5 shadow-lg">
       <div class="flex ">

src/lib/components/test_cases/TestCaseView.svelte

@@ -307,7 +307,7 @@
       {/each}
     </ul>
   </div>
-  <div class="flex-wrap justify-center ">
+  <div class="flex-wrap ">
     {#if open}
       {#if index % 2 === 0}
         <Latchkey on:selectVariable {vectorIndex} />
@@ -316,17 +316,28 @@
       {/if}
 
       <button
-        class="bg-gray-100 text-gray-600 shadow-md w-full font-bold hover:bg-white px-10 rounded-b p-2 uppercase text-xs"
-        on:click={() => (open = !open)}>Fermer</button
+        class="bg-white shadow w-full font-bold hover:bg-white px-10 rounded-b p-1 uppercase text-xs"
+        on:click={() => (open = !open)}
       >
+        <svg
+          class="w-full fill-current text-center"
+          xmlns="http://www.w3.org/2000/svg"
+          height="24px"
+          viewBox="0 0 24 24"
+          width="24px"
+          ><path d="M0 0h24v24H0z" fill="none" /><path
+            d="M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z"
+          /></svg
+        >
+      </button>
     {:else}
       <button
-        class="bg-gray-100 text-gray-600 shadow-md w-full font-bold hover:bg-white px-10 rounded-b p-2 uppercase text-xs "
+        class="bg-white shadow-inner  w-full p-2 font-bold hover:bg-white px-10 rounded-b  uppercase text-xs "
         on:click={() => (open = !open)}>Voir la décomposition</button
       >
     {/if}
   </div>
-  <div class="p-2 grid grid-cols-2 space-x-2 items-start ">
+  <div class="p-2 grid grid-cols-2 space-x-2 items-start bg-gray-100 ">
     <div class="p-1">
       <p class="text-sm leading-none pb-3">Tous revenus disponibles /mois</p>
       <PictoFemme />