Réactive le scroll horizontal sur le tableau des strates et petit écran

src/lib/components/impact/Table.svelte

@@ -40,13 +40,14 @@
   }
 </script>
 
+<div class="w-full overflow-x-auto">
   <table
     class="table-auto border-collapse [&>tbody>*:nth-child(odd)]:bg-gray-100"
   >
     <thead>
       <tr>
         {#each titles as title, titleIndex}
-        <th scope="col" class="pb-4">
+          <th scope="col" class="px-2 pb-4">
             {#if titleIndex === 0}
               <span class="text-left">{title}</span>
             {:else}
@@ -65,7 +66,9 @@
           ? getAmendementStrates()[rowIndex]
           : undefined}
         {@const trendValue =
-        amendementAtRow !== undefined ? amendementAtRow.tendance : row.tendance}
+          amendementAtRow !== undefined
+            ? amendementAtRow.tendance
+            : row.tendance}
         {@const trend = fromEvolutionToTrend(trendValue)}
         <tr>
           <!-- toutes dotations -->
@@ -87,9 +90,9 @@
             </p>
 
             <p class="text-sm leading-none text-le-gris-sous-titre">
-            {Math.round(row.potentielFinancierMoyenPerHabitant).toLocaleString(
-              "fr-FR",
-            )}&nbsp;€
+              {Math.round(
+                row.potentielFinancierMoyenPerHabitant,
+              ).toLocaleString("fr-FR")}&nbsp;€
               <span class="text-xs text-le-gris-sous-titre">
                 potentiel&nbsp;financier moyen&nbsp;/hab.
               </span>
@@ -278,3 +281,4 @@
       {/each}
     </tbody>
   </table>
+</div>