feat: adjust nwh modale style

src/components/ContentComponents/NegaWattModal/NegaWattModal.tsx

@@ -21,18 +21,24 @@ const NegaWattModal: React.FC<NegaWattModalProps> = ({
           {t('NEGAWATT.TITLE_NEGAWATT')}
         </div>
         <div className="em-content-box">
-          <div className="em-title text-24-bold ">
-            Que sont les néga Watt heure ?
-          </div>
-          <div className="em-description text-16">
-            {t('NEGAWATT.ANSWER.BASE')}
-            <br />
-            <br />
-            {t('NEGAWATT.ANSWER.STRONG')}
-            <br />
-            {t('NEGAWATT.ANSWER.MEDIUM')}
-            <br />
-            {t('NEGAWATT.ANSWER.WEAK')}
+          <div className="em-content-box-text">
+            <div className="em-title text-19-bold ">
+              Que sont les néga Watt heure ?
+            </div>
+            <div className="em-description-2 text-16">
+              {t('NEGAWATT.ANSWER.BASE')}
+            </div>
+            <div className="em-description-2 text-16">
+              <div className="em-description-3">
+                {t('NEGAWATT.ANSWER.STRONG')}
+              </div>
+              <div className="em-description-3">
+                {t('NEGAWATT.ANSWER.MEDIUM')}
+              </div>
+              <div className="em-description-3">
+                {t('NEGAWATT.ANSWER.WEAK')}
+              </div>
+            </div>
           </div>
         </div>
       </Modal>

src/styles/base/_typography.scss

@@ -107,6 +107,13 @@ p {
   font-size: 1.125rem;
   line-height: 120%;
 }
+.text-19-bold {
+  font-family: $text-font;
+  font-style: normal;
+  font-weight: bold;
+  font-size: 1.188rem;
+  line-height: 120%;
+}
 .text-20-bold {
   font-family: $text-font;
   font-style: normal;

src/styles/components/_ecogesture.scss

@@ -164,5 +164,11 @@
     .em-description {
       padding-bottom: 2.5rem;
     }
+    .em-description-2 {
+      padding-top: 2rem;
+    }
+    .em-description-3 {
+      padding-bottom: 0.5rem;
+    }
   }
 }