From 4a96190eb9cf627ae88eb145dc4d89b38391eaf6 Mon Sep 17 00:00:00 2001
From: Alice Dahan <lilice.dhn@gmail.com>
Date: Thu, 28 Nov 2024 14:42:43 +0100
Subject: [PATCH] =?UTF-8?q?style:=20aligne=20les=20montants=20RGCP=20mois?=
 =?UTF-8?q?=20par=20mois=20=C3=A0=20droite?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../RéductionGénéraleMoisParMoisRow.tsx       | 30 ++++++++++++-------
 1 file changed, 19 insertions(+), 11 deletions(-)

diff --git a/site/source/pages/simulateurs/reduction-generale/components/RéductionGénéraleMoisParMoisRow.tsx b/site/source/pages/simulateurs/reduction-generale/components/RéductionGénéraleMoisParMoisRow.tsx
index 58ee80db5..93637d008 100644
--- a/site/source/pages/simulateurs/reduction-generale/components/RéductionGénéraleMoisParMoisRow.tsx
+++ b/site/source/pages/simulateurs/reduction-generale/components/RéductionGénéraleMoisParMoisRow.tsx
@@ -142,7 +142,7 @@ export default function RéductionGénéraleMoisParMoisRow({
 					)}-${monthName}`}
 				>
 					{data.réductionGénérale ? (
-						<Tooltip tooltip={tooltip}>
+						<StyledTooltip tooltip={tooltip}>
 							<FlexDiv>
 								{formatValue(
 									{
@@ -155,7 +155,7 @@ export default function RéductionGénéraleMoisParMoisRow({
 								)}
 								<StyledSearchIcon />
 							</FlexDiv>
-						</Tooltip>
+						</StyledTooltip>
 					) : (
 						<FlexDiv>
 							{formatValue(0, { displayedUnit, language })}
@@ -180,15 +180,17 @@ export default function RéductionGénéraleMoisParMoisRow({
 						'_'
 					)}__régularisation-${monthName}`}
 				>
-					{formatValue(
-						{
-							nodeValue: data.régularisation,
-						},
-						{
-							displayedUnit,
-							language,
-						}
-					)}
+					<FlexDiv>
+						{formatValue(
+							{
+								nodeValue: data.régularisation,
+							},
+							{
+								displayedUnit,
+								language,
+							}
+						)}
+					</FlexDiv>
 				</td>
 			</tr>
 			{isOptionVisible && (
@@ -249,6 +251,11 @@ function HeuresSupplémentairesPopoverContent() {
 
 const FlexDiv = styled.div`
 	${FlexCenter}
+	justify-content: end;
+`
+
+const StyledTooltip = styled(Tooltip)`
+	width: 100%;
 `
 
 const StyledSearchIcon = styled(SearchIcon)`
@@ -257,6 +264,7 @@ const StyledSearchIcon = styled(SearchIcon)`
 
 const StyledWarningIcon = styled(WarningIcon)`
 	margin-top: ${({ theme }) => theme.spacings.xxs};
+	margin-left: ${({ theme }) => theme.spacings.sm};
 `
 
 const OptionContainer = styled.div`