Invert term and description

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 {

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
 

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

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