Retire le padding par défaut de 5 pour pouvoir être plus flexible sur les...

Retire le padding par défaut de 5 pour pouvoir être plus flexible sur les composants. Agrandit la taille des inputs (beaucoup trop petite)

src/lib/components/test_cases/TestCaseEdit.svelte

@@ -5,7 +5,11 @@
     PersonEntity,
     Role,
   } from "@openfisca/json-model"
-  import { getRolePersonsIdKey, isAdultRole, isChildRole } from "@openfisca/json-model"
+  import {
+    getRolePersonsIdKey,
+    isAdultRole,
+    isChildRole,
+  } from "@openfisca/json-model"
   import { createEventDispatcher } from "svelte"
 
   import { session } from "$app/stores"
@@ -389,8 +393,8 @@
   }
 </script>
 
-<h3 class="font-bold text-xl ">Composition du cas type&nbsp;:</h3>
-<section class="bg-white border-gray-200 p-2 m-3 rounded-sm">
+<h3 class="font-bold text-xl mx-5">Composition du cas type&nbsp;:</h3>
+<section class="bg-white border-gray-200 p-2 m-3 rounded-sm mx-5">
   <div class="flex items-center">
     <label class="ml-2  mr-2">
       Nombre d'adultes
@@ -538,7 +542,7 @@
   {/each}
 </section>
 
-<section class="border-t border-b-0 border-r-0 border-l-0 mt-5">
+<section class="border-t border-b-0 border-r-0 border-l-0 mt-5 mx-5">
   <h1 class="font-bold mt-3 text-xl">Caractéristiques du cas type&nbsp;:</h1>
   <ul>
     {#each [...variablesName] as variableName}

src/lib/components/variables/VariableInput.svelte

@@ -111,7 +111,7 @@
 
 <section>
   <div
-    class="bg-white flex-col items-baseline text-black text-xs my-2  mx-2 py-2 sm:p-1 md:p-2"
+    class="bg-gray-100 flex-col items-baseline text-black text-base my-2 py-2 sm:p-1 md:p-2"
   >
     <div class="flex items-start justify-between">
       <h1 class="w-3/5 py-1 text-base">

src/routes/index.svelte

@@ -629,8 +629,10 @@
           Configurer le cas type
         </h1>
 
-        <div class="lg:h-[calc(100vh-13rem)] lg:overflow-y-auto px-5">
-          <p class="text-sm my-4 text-gray-700 rounded bg-le-bleu-light p-2">
+        <div class="lg:h-[calc(100vh-13rem)] lg:overflow-y-auto">
+          <p
+            class="text-sm my-4 text-gray-700 rounded bg-le-bleu-light p-2 mx-5"
+          >
             📌 Par défaut, toutes les caractéristiques du cas type sont
             considérées comme étant stables depuis 2 ans.
           </p>
@@ -685,8 +687,10 @@
           Configurer le cas type
         </h1>
 
-        <div class="lg:h-[calc(100vh-13rem)] lg:overflow-y-auto px-5">
-          <p class="text-sm my-4 text-gray-700 rounded bg-le-bleu-light p-2">
+        <div class="lg:h-[calc(100vh-13rem)] lg:overflow-y-auto">
+          <p
+            class="text-sm my-4 text-gray-700 rounded bg-le-bleu-light p-2 mx-5"
+          >
             📌 Par défaut, toutes les caractéristiques du cas type sont
             considérées comme étant stables depuis 2 ans.
           </p>
@@ -708,6 +712,7 @@
             situation={$testCases[editionMode.testCaseIndex]}
             year={$year}
           />
+
           <VariableReferredInputsPane
             {date}
             inputInstantsByVariableName={$inputInstantsByVariableNameArray[