From c3aa73f247e94482cca113cb0c120d9dfb17186a 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\303\251/Toggles.tsx"    | 55 ++++++++++++-------
 1 file changed, 35 insertions(+), 20 deletions(-)

diff --git "a/site/source/pages/simulateurs/cessation-activit\303\251/Toggles.tsx" "b/site/source/pages/simulateurs/cessation-activit\303\251/Toggles.tsx"
index 3fb9e9b570..42288dfb0f 100644
--- "a/site/source/pages/simulateurs/cessation-activit\303\251/Toggles.tsx"
+++ "b/site/source/pages/simulateurs/cessation-activit\303\251/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>
+				<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>
+
+			<ImpositionBlock>
 				<RuleInput
-					dottedName="entreprise . date de cessation"
-					onChange={(date) => {
+					inputType="toggle"
+					hideDefaultValue
+					missing={false}
+					dottedName="entreprise . imposition"
+					onChange={(imposition) => {
 						dispatch(
 							ajusteLaSituation({
-								'entreprise . date de cessation': date,
+								'entreprise . imposition': imposition,
 							} as Record<DottedName, SimpleRuleEvaluation>)
 						)
 					}}
-					hideDefaultValue
 				/>
-				<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>
 		</Wrapper>
 	)
 }