Ajustement mise en page

src/routes/statistiques/+page.svelte

@@ -793,12 +793,11 @@
                         {formatNumber(barometre?.visites?.nb_visits ?? 0)}
                       </span>
                     </h2>
-                    <p class="text-center text-lg leading-normal">
+                    <p class="text-center text-lg leading-normal font-bold">
                       <span
-                        class="font-bold underline decoration-dotted"
-                        id="definition-visite-uniques"
-                        >visites uniques de la liste des lois</span
-                      >.
+                        class="underline decoration-dotted"
+                        id="definition-visite-uniques">visites uniques</span
+                      ><br />de la liste des lois
                     </p>
                   </div>
                   <div class="flex-1">
@@ -809,17 +808,19 @@
                         )}
                       </span>
                     </h2>
-                    <p class="text-center text-lg leading-normal">
-                      <span class="font-bold"
-                        >vues depuis un dossier législatif</span
-                      >
+                    <p class="text-center leading-normal">
+                      <span class="text-lg font-bold"
+                        >vues du taux d'application d'une loi</span
+                      > depuis son dossier législatif
                     </p>
                   </div>
                 </div>
               </div>
-              <div class="flex flex-col items-center gap-x-5 py-8 md:flex-row">
+              <div
+                class="flex flex-col items-center gap-x-5 py-8 md:flex-row text-center"
+              >
                 <div class="flex-1">
-                  <h2 class="text-center text-5xl font-bold">
+                  <h2 class="text-3xl font-bold">
                     <span class="inline-flex gap-2">
                       {formatNumber(
                         barometre?.autresVisites?.statistiques?.nb_visits ?? 0,
@@ -827,14 +828,14 @@
                       <iconify-icon icon="ri:line-chart-fill" />
                     </span>
                   </h2>
-                  <p class="text-center text-lg leading-normal">
+                  <p class="text-base leading-normal">
                     <a
-                      class="font-bold hover:underline"
+                      class="hover:underline"
                       href="https://www.assemblee-nationale.fr/dyn/taux-application-lois/statistiques"
                       rel="external"
                       target="_blank"
                     >
-                      visites de la page statistiques <iconify-icon
+                      visites uniques de la page statistiques&nbsp;<iconify-icon
                         class="align-[-0.1rem]"
                         icon="ri-external-link-line"
                       />
@@ -842,7 +843,7 @@
                   </p>
                 </div>
                 <div class="flex-1">
-                  <h2 class="text-center text-5xl font-bold">
+                  <h2 class="text-3xl font-bold">
                     <span class="inline-flex gap-2">
                       {formatNumber(
                         barometre?.autresVisites?.fonctionnement?.nb_visits ??
@@ -851,14 +852,14 @@
                       <iconify-icon icon="ri:settings-3-fill" />
                     </span>
                   </h2>
-                  <p class="text-center text-lg leading-normal">
+                  <p class="text-base leading-normal">
                     <a
-                      class="font-bold hover:underline"
+                      class="hover:underline"
                       href="https://www.assemblee-nationale.fr/dyn/taux-application-lois/fonctionnement"
                       rel="external"
                       target="_blank"
                     >
-                      visites de la page fonctionnement <iconify-icon
+                      visites uniques de la page fonctionnement&nbsp;<iconify-icon
                         class="align-[-0.1rem]"
                         icon="ri-external-link-line"
                       />
@@ -866,7 +867,7 @@
                   </p>
                 </div>
                 <div class="flex-1">
-                  <h2 class="text-center text-5xl font-bold">
+                  <h2 class="text-3xl font-bold">
                     <span class="inline-flex gap-2">
                       {formatNumber(
                         barometre?.autresVisites?.downloads?.nb_visits ?? 0,
@@ -874,11 +875,18 @@
                       <iconify-icon icon="ri:database-2-fill" />
                     </span>
                   </h2>
-                  <p class="text-center text-lg leading-normal">
-                    <span class="font-bold">
-                      téléchargements de données open-source
-                    </span>
-                  </p>
+                  <p class="leading-normal"></p>
+                  <a
+                    class="hover:underline"
+                    href="https://www.assemblee-nationale.fr/dyn/taux-application-lois/fonctionnement#donnees_sources"
+                    rel="external"
+                    target="_blank"
+                  >
+                    téléchargements des bases de données open-source&nbsp;<iconify-icon
+                      class="align-[-0.1rem]"
+                      icon="ri-external-link-line"
+                    />
+                  </a>
                 </div>
               </div>
             </div>