Merge branch 'ui-tutoriel' into 'master'

Ui tutoriel

See merge request leximpact/leximpact-socio-fiscal-ui!53

src/lib/components/tutorial/StartTutorial.svelte

 <div class="bg-white border-le-bleu-light border-4 shadow-lg rounded-md  mx-5">
   <h1 class="bg-le-bleu-light text-2xl font-light text-gray-600 py-3 px-4 ">
-    Démarrer avec LexImpact
+    Modifier la loi en vigueur
   </h1>
-  <h2 class="py-2 px-4 text-xl  text-gray-600">
-    Pour modifier la loi et estimer la nouvelle réforme
-  </h2>
   <p class="py-2 px-4 font-light text-gray-600">
     Pour changer les paramètres de la loi, rendez-vous sur un des cas types à
     droite et cliquez sur le nom d'un dispositif.
   </p>
-  <div class="m-4">
-    <img
-      src="/tutoriel-amender-la-loi.png"
-      alt="montre où cliquer pour amender un dispositif"
-    />
-  </div>
 </div>

src/routes/index.svelte

@@ -516,7 +516,9 @@
       </div>
 
       {#if editionMode.mode === "test_case"}
-        <h1 class="font-bold mb-5 mt-1 mx-5 text-3xl xl:text-4xl text-gray-600">
+        <h1
+          class="font-bold mb-5 mt-1 mx-5 text-2xl lg:text-3xl xl:text-4xl text-gray-600"
+        >
           Configurer le cas type
         </h1>
 
@@ -578,7 +580,9 @@
           </div>
         </div>
       {:else if editionMode.mode === "test_case_with_variable_inputs"}
-        <h1 class="font-bold mb-5 mt-1 mx-5 text-3xl xl:text-4xl text-gray-600">
+        <h1
+          class="font-bold mb-5 mt-1 mx-5 text-2xl lg:text-3xl xl:text-4xl text-gray-600"
+        >
           Configurer le cas type
         </h1>
 
@@ -638,14 +642,14 @@
         </div>
       {:else if editionMode.mode === "tutorial"}
         <h1
-          class="font-bold mb-5 mt-1 mx-5 text-3xl xl:text-4xl  text-gray-600"
+          class="font-bold mb-5 mt-1 mx-5 text-2xl lg:text-3xl xl:text-4xl  text-gray-600"
         >
           Amender la loi
         </h1>
         <StartTutorial />
       {:else if editionMode.mode === "variable_parameters"}
         <h1
-          class="font-bold mb-5 mt-1 mx-5 text-3xl xl:text-4xl  text-gray-600"
+          class="font-bold mb-5 mt-1 mx-5 text-2xl lg:text-3xl xl:text-4xl  text-gray-600"
         >
           Amender la loi
         </h1>
@@ -763,10 +767,8 @@
           </div> -->
         </div>
       </div>
-      <h1
-        class="font-bold my-5 text-2xl xl:text-3xl 2xl:text-4xl text-gray-600"
-      >
-        Visualiser les cotis. & presta. sociales d'un cas type
+      <h1 class="font-bold my-5 text-2xl lg:text-3xl xl:text-4xl text-gray-600">
+        Cotis. & presta. sociales d'un cas type
       </h1>
     </div>
     <!-- Cas types avec leur waterfall -->