Change la légende de place et change le libellé du code existant (=> loi en vigueur)

src/routes/index.svelte

@@ -652,7 +652,17 @@
     <div
       class="bg-white flex-none pb-4 lg:pb-0 shadow-xl w-full md:w-1/2 lg:w-1/3 2xl:w-1/4"
     >
-      <div class="flex justify-end pr-4 py-4 w-full">
+      <div class="flex justify-between pr-4 pt-2 pb-2 w-full">
+        <div class="flex-col mx-5 rounded text-sm">
+          <p class="mr-1 italic">Légende :</p>
+          <div class="flex">
+            <p class="mr-1 font-bold">Loi en vigueur</p>
+            <p class="mr-1 text-le-rouge-bill font-bold">
+              Projet de loi fictif
+            </p>
+            <p class="mr-1 bg-le-jaune px-1">Votre réforme</p>
+          </div>
+        </div>
         <!-- Bouton de fermeture du panneau de gauche -->
         <button on:click={closeEditionPane}>
           <svg
@@ -861,14 +871,6 @@
         </select>
 
         <div class="flex items-center">
-          <div class="bg-white p-1 hidden 2xl:flex mr-4 rounded">
-            <p class="mr-2 italic">Légende :</p>
-            <p class="mr-2 font-bold">Code existant</p>
-            <p class="mr-2 text-le-rouge-bill font-bold">
-              Projet de loi fictif
-            </p>
-            <p class="mr-2 bg-le-jaune px-1">Votre réforme</p>
-          </div>
           <button
             class="bg-gray-200 flex justify-center text-gray-900 shadow-md hover:bg-gray-400 px-5 mr-2 rounded p-2 uppercase text-sm"
             on:click={reset}