From 9148dd9925e04ff027c619e1509b24373dfeae8a Mon Sep 17 00:00:00 2001
From: Jalil Arfaoui <jalil@arfaoui.net>
Date: Mon, 9 Dec 2024 23:29:37 +0100
Subject: [PATCH] =?UTF-8?q?ui(ind=C3=A9pendant):=20ajustement=20des=20espa?=
 =?UTF-8?q?cements=20au-dessus=20des=20objectifs=20dans=20le=20simulateur?=
 =?UTF-8?q?=20cessation=20d'activit=C3=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../cessation-activité/Toggles.tsx            | 63 ++++++++++++-------
 1 file changed, 39 insertions(+), 24 deletions(-)

diff --git a/site/source/pages/simulateurs/cessation-activité/Toggles.tsx b/site/source/pages/simulateurs/cessation-activité/Toggles.tsx
index 3fb9e9b57..42288dfb0 100644
--- a/site/source/pages/simulateurs/cessation-activité/Toggles.tsx
+++ b/site/source/pages/simulateurs/cessation-activité/Toggles.tsx
@@ -23,6 +23,17 @@ const CessationBlock = styled.div`
 	display: flex;
 	flex-direction: column;
 	align-items: start;
+	margin-bottom: -1rem;
+	margin-top: -3rem;
+`
+
+const ImpositionBlock = styled.div`
+	margin-bottom: 0.5rem;
+`
+
+const CessationDateWrapper = styled.div`
+	margin-top: -1.5rem;
+	margin-bottom: -1.5rem;
 `
 
 export const CessationActivitéToggles = () => {
@@ -39,33 +50,37 @@ export const CessationActivitéToggles = () => {
 					)}
 					<ExplicableRule light dottedName={'entreprise . date de cessation'} />
 				</H3>
-				<RuleInput
-					dottedName="entreprise . date de cessation"
-					onChange={(date) => {
-						dispatch(
-							ajusteLaSituation({
-								'entreprise . date de cessation': date,
-							} as Record<DottedName, SimpleRuleEvaluation>)
-						)
-					}}
-					hideDefaultValue
-				/>
+				<CessationDateWrapper>
+					<RuleInput
+						dottedName="entreprise . date de cessation"
+						onChange={(date) => {
+							dispatch(
+								ajusteLaSituation({
+									'entreprise . date de cessation': date,
+								} as Record<DottedName, SimpleRuleEvaluation>)
+							)
+						}}
+						hideDefaultValue
+					/>
+				</CessationDateWrapper>
 				<DefaultValue dottedName={'entreprise . date de cessation'} />
 			</CessationBlock>
 
-			<RuleInput
-				inputType="toggle"
-				hideDefaultValue
-				missing={false}
-				dottedName="entreprise . imposition"
-				onChange={(imposition) => {
-					dispatch(
-						ajusteLaSituation({
-							'entreprise . imposition': imposition,
-						} as Record<DottedName, SimpleRuleEvaluation>)
-					)
-				}}
-			/>
+			<ImpositionBlock>
+				<RuleInput
+					inputType="toggle"
+					hideDefaultValue
+					missing={false}
+					dottedName="entreprise . imposition"
+					onChange={(imposition) => {
+						dispatch(
+							ajusteLaSituation({
+								'entreprise . imposition': imposition,
+							} as Record<DottedName, SimpleRuleEvaluation>)
+						)
+					}}
+				/>
+			</ImpositionBlock>
 		</Wrapper>
 	)
 }