From 5dc7149bf5fc3b239a92d0c034b5b715ba4cb7cb Mon Sep 17 00:00:00 2001
From: Maxime Lalo <maxime.lalo.pro@gmail.com>
Date: Fri, 12 Apr 2024 16:55:31 +0200
Subject: [PATCH] :bug: fixing price

---
 .../Subscription/SubscriptionFacturation/classes.module.scss | 5 +++++
 .../Layouts/Subscription/SubscriptionFacturation/index.tsx   | 4 ++--
 .../Layouts/Subscription/SubscriptionNew/classes.module.scss | 5 +++++
 .../Layouts/Subscription/SubscriptionNew/index.tsx           | 4 ++--
 4 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/front/Components/Layouts/Subscription/SubscriptionFacturation/classes.module.scss b/src/front/Components/Layouts/Subscription/SubscriptionFacturation/classes.module.scss
index 78e27582..fc7c5926 100644
--- a/src/front/Components/Layouts/Subscription/SubscriptionFacturation/classes.module.scss
+++ b/src/front/Components/Layouts/Subscription/SubscriptionFacturation/classes.module.scss
@@ -66,6 +66,11 @@
 				display: flex;
 				flex-direction: column;
 				gap: 8px;
+
+				.price {
+					display: flex;
+					align-items: flex-end;
+				}
 			}
 
 			.button-container {
diff --git a/src/front/Components/Layouts/Subscription/SubscriptionFacturation/index.tsx b/src/front/Components/Layouts/Subscription/SubscriptionFacturation/index.tsx
index 401e2296..6a11e7f6 100644
--- a/src/front/Components/Layouts/Subscription/SubscriptionFacturation/index.tsx
+++ b/src/front/Components/Layouts/Subscription/SubscriptionFacturation/index.tsx
@@ -121,7 +121,7 @@ export default function SubscriptionFacturation() {
 							</div>
 							<div className={classes["separator"]} />
 							<div className={classes["price-container"]}>
-								<Typography typo={ITypo.H1} color={ITypoColor.BLACK}>
+								<Typography typo={ITypo.H1} color={ITypoColor.BLACK} className={classes["price"]}>
 									{forfeitsPrices[EForfeitType.standard]}€
 									<Typography typo={ITypo.H2} color={ITypoColor.BLACK}>
 										&nbsp;HT&nbsp;
@@ -185,7 +185,7 @@ export default function SubscriptionFacturation() {
 							</div>
 							<div className={classes["separator"]} />
 							<div className={classes["price-container"]}>
-								<Typography typo={ITypo.H1} color={ITypoColor.BLACK}>
+								<Typography typo={ITypo.H1} color={ITypoColor.BLACK} className={classes["price"]}>
 									{forfeitsPrices[EForfeitType.unlimited]}€
 									<Typography typo={ITypo.H2} color={ITypoColor.BLACK}>
 										&nbsp;HT&nbsp;
diff --git a/src/front/Components/Layouts/Subscription/SubscriptionNew/classes.module.scss b/src/front/Components/Layouts/Subscription/SubscriptionNew/classes.module.scss
index 06e57e31..170423f8 100644
--- a/src/front/Components/Layouts/Subscription/SubscriptionNew/classes.module.scss
+++ b/src/front/Components/Layouts/Subscription/SubscriptionNew/classes.module.scss
@@ -52,6 +52,11 @@
 				display: flex;
 				flex-direction: column;
 				gap: 8px;
+
+				.price {
+					display: flex;
+					align-items: flex-end;
+				}
 			}
 		}
 	}
diff --git a/src/front/Components/Layouts/Subscription/SubscriptionNew/index.tsx b/src/front/Components/Layouts/Subscription/SubscriptionNew/index.tsx
index ab1087f7..3bda6882 100644
--- a/src/front/Components/Layouts/Subscription/SubscriptionNew/index.tsx
+++ b/src/front/Components/Layouts/Subscription/SubscriptionNew/index.tsx
@@ -35,7 +35,7 @@ export default function SubscriptionNew() {
 						</div>
 						<div className={classes["separator"]} />
 						<div className={classes["price-container"]}>
-							<Typography typo={ITypo.H1} color={ITypoColor.BLACK}>
+							<Typography typo={ITypo.H1} color={ITypoColor.BLACK} className={classes["price"]}>
 								99€
 								<Typography typo={ITypo.H2} color={ITypoColor.BLACK}>
 									&nbsp;HT&nbsp;
@@ -63,7 +63,7 @@ export default function SubscriptionNew() {
 						</div>
 						<div className={classes["separator"]} />
 						<div className={classes["price-container"]}>
-							<Typography typo={ITypo.H1} color={ITypoColor.BLACK}>
+							<Typography typo={ITypo.H1} color={ITypoColor.BLACK} className={classes["price"]}>
 								{forfeitsPrices[EForfeitType.unlimited]}€
 								<Typography typo={ITypo.H2} color={ITypoColor.BLACK}>
 									&nbsp;HT&nbsp;