Nouvel UI bouton historique et vérification du paramètre pour plus de clarté. Barème

src/lib/components/variables/VariableReferredScaleParameter.svelte

@@ -158,72 +158,68 @@
     />
   </div>
 
-  <div class="rounded-b bg-gray-100 p-2">
-    <div class="flex items-baseline text-xs text-gray-600">
+  <div class="flex bg-gray-100 pb-2">
+    <a
+      class="link2 ml-2 flex items-center text-sm tracking-wide text-gray-600"
+      href="/parameters/{billParameter.name}"
+      rel="noreferrer"
+      target="_blank"
+    >
+      <iconify-icon
+        class="mr-1 align-[-0.3rem] text-base"
+        icon="ri-history-line"
+      />Historique
+    </a>
+  </div>
+
+  <div class="rounded-b bg-le-gris-dispositif-ultralight py-2 px-2">
     <div class="flex items-center">
-        <div class="flex">
+      {#if billLatestInstant !== "0001-01-01"}
+        <!--Date du paramètre-->
+        <p class="pb-2 text-xs">
+          Barème en vigueur depuis le {billLatestInstantSplit[1]}/{billLatestInstantSplit[0]}&nbsp;:
+        </p>
+      {/if}
       <a
-            class="link2 flex border-r border-gray-700 px-1 pr-2 text-sm tracking-wide text-gray-600"
+        class="hover:decoration-none flex px-1 pb-2 pr-2 text-sm tracking-wide text-black underline decoration-dotted hover:decoration-solid"
         href="/parameters/{billParameter.name}/edit"
         rel="noreferrer"
         target="_blank"
       >
         {#if lastReviewOrChange < "2020"}
-              <iconify-icon
-                class="mr-0.5 text-[#FFAC33] shadow-none"
-                icon="material-symbols:warning-rounded"
-                width="20"
-                height="20"
-              />
           <span
-                class="pl-1"
+            class="text-xs"
             title="La dernière relecture date du {dateFormatter(
               new Date(lastReviewOrChange),
-                )}">À vérifier</span
+            )}. Cliquer pour proposer une modification du paramètre."
           >
-            {:else}
             <iconify-icon
-                class="mr-0.5 text-[#13CC03]"
-                icon="material-symbols:new-releases"
+              class="mr-1 align-[-0.3rem] text-sm text-[#FFAC33] shadow-none"
+              icon="material-symbols:warning-rounded"
               width="20"
               height="20"
             />
+            à vérifier</span
+          >
+        {:else}
           <span
-                class="pl-1"
+            class="text-xs"
             title="La dernière relecture date du {dateFormatter(
               new Date(lastReviewOrChange),
-                )}">Vérifié</span
+            )}. Cliquer pour proposer une modification du paramètre."
+            ><iconify-icon
+              class="mr-1 align-[-0.3rem] text-sm text-[#13CC03]"
+              icon="material-symbols:new-releases"
+              width="20"
+              height="20"
+            />à jour</span
           >
         {/if}
       </a>
-
-          <div>
-            <a
-              class="link2 ml-2 flex items-center text-sm tracking-wide text-gray-600"
-              href="/parameters/{billParameter.name}"
-              rel="noreferrer"
-              target="_blank"
-            >
-              <iconify-icon
-                class="mr-1 inline-flex h-4 w-4"
-                icon="ri-history-line"
-              />Historique</a
-            >
-          </div>
     </div>
-      </div>
-    </div>
-  </div>
-
     {#if billLatestInstant !== "0001-01-01" || (billReferences !== undefined && billReferences.length > 0)}
       <!--Référence législative-->
-    <div class="rounded-b bg-le-gris-dispositif-ultralight py-2 px-2">
-      {#if billLatestInstant !== "0001-01-01"}
-        <!--Date du paramètre-->
-        <p class="pb-2 text-xs">
-          Barème en vigueur depuis le {billLatestInstantSplit[1]}/{billLatestInstantSplit[0]}&nbsp;:
-        </p>
-      {/if}
+
       {#if billReferences !== undefined && billReferences.length > 0}
         <ul>
           {#each billReferences as { href, note, title }}
@@ -259,6 +255,6 @@
           referenceUrl={openReferenceUrl ?? null}
         />
       {/if}
-    </div>
     {/if}
+  </div>
 </section>