From 92a32ef679befb674fde57f03455374b11d77dc1 Mon Sep 17 00:00:00 2001
From: Colin Darie <colin@darie.eu>
Date: Thu, 29 Jun 2023 00:28:09 +0200
Subject: [PATCH] fix(demande): champ .number css conflict with landing page

---
 app/assets/stylesheets/landing.scss | 69 +++++++++++++++--------------
 1 file changed, 36 insertions(+), 33 deletions(-)

diff --git a/app/assets/stylesheets/landing.scss b/app/assets/stylesheets/landing.scss
index b1e27ee9b..85f4cb65a 100644
--- a/app/assets/stylesheets/landing.scss
+++ b/app/assets/stylesheets/landing.scss
@@ -145,44 +145,47 @@ $landing-breakpoint: 1040px;
   background-color: var(--background-alt-blue-france);
 }
 
-.more-info {
-  background-color: #FFFFFF;
-}
 
-.numbers {
-  @extend %horizontal-list;
-  justify-content: space-around;
-  width: 100%;
-}
-
-.number {
-  @extend %horizontal-list-item;
-  width: 320px;
-  text-align: center;
-
-  @media (max-width: $landing-breakpoint) {
-    margin-bottom: 15px;
+.landing {
+  .more-info {
+    background-color: #FFFFFF;
   }
-}
 
-.number-value {
-  color: var(--text-action-high-blue-france);
-  font-size: 2rem;
-  line-height: 2rem;
-  font-weight: 600;
-}
+  .numbers {
+    @extend %horizontal-list;
+    justify-content: space-around;
+    width: 100%;
+  }
 
-.number-label {
-  max-width: 10rem;
-  margin: auto;
-  font-weight: 600;
-  font-size: 1.25rem;
-  line-height: 1.5rem;
-  color: var(--text-label-grey);
-}
+  .number {
+    @extend %horizontal-list-item;
+    width: 320px;
+    text-align: center;
 
-.number-label-third {
-  max-width: 13rem;
+    @media (max-width: $landing-breakpoint) {
+      margin-bottom: 15px;
+    }
+  }
+
+  .number-value {
+    color: var(--text-action-high-blue-france);
+    font-size: 2rem;
+    line-height: 2rem;
+    font-weight: 600;
+  }
+
+  .number-label {
+    max-width: 10rem;
+    margin: auto;
+    font-weight: 600;
+    font-size: 1.25rem;
+    line-height: 1.5rem;
+    color: var(--text-label-grey);
+  }
+
+  .number-label-third {
+    max-width: 13rem;
+  }
 }
 
 $users-breakpoint: 950px;