Réorganisation layout édition cas type

src/lib/components/situations/SituationEdit.svelte

@@ -423,8 +423,8 @@
   }
 </script>
 
-<section class="bg-gray-100 border-b-2 border-gray-200 p-2 my-2 rounded-sm">
-  <h3 class="font-bold pb-2">Personnes composant le cas type</h3>
+<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">
   <div class="flex items-center">
     <label class="ml-2">
       Nombre d'adultes
@@ -453,15 +453,14 @@
     </label>
     <PictoEnfant />
   </div>
-</section>
 
   {#each [...iterGroupEntities(entityByKey)] as groupEntity}
     {#if !hiddenEntitiesKeyPlural.includes(groupEntity.key_plural)}
       <section>
-      <h1 class="font-bold my-4 text-xl">
+        <h1 class="font-bold my-4 text-base">
           {groupEntity.composition_label ??
             groupEntity.label_plural ??
-          groupEntity.key_plural}
+            groupEntity.key_plural}&nbsp;:
         </h1>
         <!-- {#if groupEntity.documentation !== undefined}
         <p>{groupEntity.documentation}</p>
@@ -548,11 +547,12 @@
       </section>
     {/if}
   {/each}
+</section>
 
 {#if variableByName !== undefined}
-  <section>
-    <h1 class="font-bold my-4 text-xl">
-      <span>Variables personnalisées</span>
+  <section class="border-t border-b-0 border-r-0 border-l-0 mt-5">
+    <h1 class="font-bold mt-3  text-xl">
+      <span>Caractéristiques du cas type : </span>
     </h1>
     <ul>
       {#each Object.values(variableByName) as variable}

src/routes/simulation.svelte

@@ -452,9 +452,7 @@
             📌 Par défaut, toutes les caractéristiques du cas type sont
             considérées comme étant stables depuis 2 ans.
           </p>
-          <h2 class="font-bold text-xl">
-            Caractéristiques actives du cas type
-          </h2>
+
           <TestCaseEdit
             on:changeAxes={changeAxes}
             on:changeSituation={({ detail }) =>