From f3b1c024d1574d586776766f0d2daec6f17f7006 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=A9r=C3=A9my=20Rialland?= <wiinxt@gmail.com>
Date: Mon, 14 Aug 2023 11:14:53 +0200
Subject: [PATCH] Add container to Chomage partiel info

---
 site/source/design-system/buttons/Button.tsx  |  2 +-
 .../chômage-partiel/ChômagePartiel.tsx        | 39 ++++++++++++-------
 2 files changed, 27 insertions(+), 14 deletions(-)

diff --git a/site/source/design-system/buttons/Button.tsx b/site/source/design-system/buttons/Button.tsx
index 6847510c0..ac301c694 100644
--- a/site/source/design-system/buttons/Button.tsx
+++ b/site/source/design-system/buttons/Button.tsx
@@ -204,7 +204,7 @@ export const StyledButton = styled.button<StyledButtonProps>`
 					: /* White color and light mode (dark background mode) */
 					$light
 					? css`
-							color: rgba(255, 255, 255, 25%);
+							color: rgba(255, 255, 255, 75%);
 							background-color: inherit;
 							opacity: 1;
 					  `
diff --git a/site/source/pages/simulateurs/chômage-partiel/ChômagePartiel.tsx b/site/source/pages/simulateurs/chômage-partiel/ChômagePartiel.tsx
index 1b715ca1e..51085139a 100644
--- a/site/source/pages/simulateurs/chômage-partiel/ChômagePartiel.tsx
+++ b/site/source/pages/simulateurs/chômage-partiel/ChômagePartiel.tsx
@@ -14,6 +14,7 @@ import Simulation, {
 import { FromTop } from '@/components/ui/animate'
 import Warning from '@/components/ui/WarningBlock'
 import { useEngine } from '@/components/utils/EngineContext'
+import { Grid } from '@/design-system/layout'
 import { Strong } from '@/design-system/typography'
 import { H2 } from '@/design-system/typography/heading'
 import { Link } from '@/design-system/typography/link'
@@ -41,19 +42,31 @@ export default function ChômagePartiel() {
 
 	return (
 		<>
-			<Warning localStorageKey="covid19">
-				<Ul>
-					<Li>
-						Ce simulateur ne prend pas en compte les rémunérations brut définies
-						sur 39h hebdomadaires.
-					</Li>
-					<Li>
-						De même, il ne prend pas en compte les indemnités complémentaire
-						d'activité partielle prévue par une convention/accord collectif ou
-						une décision unilatérale de l'employeur.
-					</Li>
-				</Ul>
-			</Warning>
+			<Grid
+				container
+				spacing={2}
+				css={`
+					justify-content: center;
+				`}
+			>
+				<Grid item xl={9} lg={10} md={11} sm={12}>
+					{' '}
+					<Warning localStorageKey="covid19">
+						<Ul>
+							<Li>
+								Ce simulateur ne prend pas en compte les rémunérations brut
+								définies sur 39h hebdomadaires.
+							</Li>
+							<Li>
+								De même, il ne prend pas en compte les indemnités complémentaire
+								d'activité partielle prévue par une convention/accord collectif
+								ou une décision unilatérale de l'employeur.
+							</Li>
+						</Ul>
+					</Warning>
+				</Grid>
+			</Grid>
+
 			<Simulation
 				results={<ExplanationSection />}
 				customEndMessages={<span>Voir les résultats au-dessus</span>}