From 9e54a0dbb4141a6412c5cade8ff83bf67e5f526f Mon Sep 17 00:00:00 2001
From: Corinne Durrmeyer <corinne@inseo.fr>
Date: Mon, 24 Jun 2024 10:43:32 +0200
Subject: [PATCH] Invert term and description

---
 app/assets/stylesheets/landing.scss     | 13 ++++++++++---
 app/views/root/administration.html.haml | 18 +++++++++---------
 app/views/root/landing.html.haml        | 12 ++++++------
 config/locales/views/root.fr.yml        |  2 +-
 4 files changed, 26 insertions(+), 19 deletions(-)

diff --git a/app/assets/stylesheets/landing.scss b/app/assets/stylesheets/landing.scss
index 756c3f973..650e06d8f 100644
--- a/app/assets/stylesheets/landing.scss
+++ b/app/assets/stylesheets/landing.scss
@@ -133,7 +133,8 @@ $landing-breakpoint: 1040px;
   }
 
   .number {
-    @extend %horizontal-list-item;
+    display: flex;
+    flex-direction: column;
     width: 320px;
     text-align: center;
 
@@ -143,6 +144,8 @@ $landing-breakpoint: 1040px;
   }
 
   .number-value {
+    padding-bottom: 0;
+    padding-inline-start: 0;
     color: var(--text-action-high-blue-france);
     font-size: 2rem;
     line-height: 2rem;
@@ -150,9 +153,9 @@ $landing-breakpoint: 1040px;
   }
 
   .number-label {
+    order: 2;
     max-width: 10rem;
-    margin: auto;
-    padding-inline-start: 0;
+    margin: 0 auto;
     font-weight: 600;
     font-size: 1.25rem;
     line-height: 1.5rem;
@@ -164,6 +167,10 @@ $landing-breakpoint: 1040px;
   }
 }
 
+html[lang="fr"] .landing .number-label-third::before {
+  content: "de ";
+}
+
 $users-breakpoint: 950px;
 
 .users {
diff --git a/app/views/root/administration.html.haml b/app/views/root/administration.html.haml
index c556d866f..2b7aac579 100644
--- a/app/views/root/administration.html.haml
+++ b/app/views/root/administration.html.haml
@@ -76,20 +76,20 @@
         %h2.center.fr-mb-4w #{Current.application_name} en chiffres
         %dl.numbers
           .number
-            %dt.number-value
-              = number_with_delimiter(Administrateur.with_publiees_ou_closes.uniq.count, :locale => :fr)
-            %dd.number-label
+            %dt.number-label
               administrations partenaires
+            %dd.number-value
+              = number_with_delimiter(Administrateur.with_publiees_ou_closes.uniq.count, :locale => :fr)
           .number
-            %dt.number-value
-              = number_with_delimiter(Dossier.state_not_brouillon.count, :locale => :fr)
-            %dd.number-label
+            %dt.number-label
               dossiers déposés
+            %dd.number-value
+              = number_with_delimiter(Dossier.state_not_brouillon.count, :locale => :fr)
           .number
-            %dt.number-value
-              = "#{number_with_delimiter(50, :locale => :fr)} %"
-            %dd.number-label
+            %dt.number-label
               de réduction des délais de traitement
+            %dd.number-value
+              = "#{number_with_delimiter(50, :locale => :fr)} %"
 
   = render partial: "root/users" if  LANDING_USERS_ENABLED
 
diff --git a/app/views/root/landing.html.haml b/app/views/root/landing.html.haml
index ce79ae64b..295059499 100644
--- a/app/views/root/landing.html.haml
+++ b/app/views/root/landing.html.haml
@@ -32,17 +32,17 @@
       - cache [I18n.locale, "numbers-panel"], expires_in: 3.hours do
         %dl.numbers
           .number
-            %dt.number-value
+            %dt.number-label= t(".numbers.administrations")
+            %dd.number-value
               = number_with_delimiter(@stat&.administrations_partenaires)
-            %dd.number-label= t(".numbers.administrations")
           .number
-            %dt.number-value
+            %dt.number-label= t(".numbers.files")
+            %dd.number-value
               = number_with_delimiter(@stat&.dossiers_not_brouillon)
-            %dd.number-label= t(".numbers.files")
           .number
-            %dt.number-value
+            %dt.number-label.number-label-third= t(".numbers.processing_time")
+            %dd.number-value
               = "#{number_with_delimiter(50)} %"
-            %dd.number-label.number-label-third= t(".numbers.processing_time")
 
   .fr-background-alt--blue-france.fr-py-6w
     .container
diff --git a/config/locales/views/root.fr.yml b/config/locales/views/root.fr.yml
index 1c4f2a0ea..78a3ba7e2 100644
--- a/config/locales/views/root.fr.yml
+++ b/config/locales/views/root.fr.yml
@@ -18,7 +18,7 @@ fr:
           dossiers
           déposés
         processing_time: |
-          de réduction
+          réduction
           des délais de traitement
       question: Une question, un problème ?
       answer_in_faq: La réponse est dans l’aide en ligne