From 9d4aff6d472d9761f775704debb6b6f8a4357044 Mon Sep 17 00:00:00 2001
From: Mael <mael.thomas@data.gouv.fr>
Date: Mon, 29 Oct 2018 11:03:04 +0000
Subject: [PATCH] =?UTF-8?q?Ajout=20du=20%=20de=20pr=C3=A9l=C3=A8vements=20?=
 =?UTF-8?q?aux=20exemples?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../embauche.gouv.fr/pages/ExampleSituations.css  |  7 +++----
 .../embauche.gouv.fr/pages/ExampleSituations.js   | 15 ++++++++++++++-
 2 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/source/sites/embauche.gouv.fr/pages/ExampleSituations.css b/source/sites/embauche.gouv.fr/pages/ExampleSituations.css
index 33e32107e..c2809d412 100644
--- a/source/sites/embauche.gouv.fr/pages/ExampleSituations.css
+++ b/source/sites/embauche.gouv.fr/pages/ExampleSituations.css
@@ -9,9 +9,10 @@
 	align-items: center;
 }
 #exampleSituations .example h2 {
-	width: 30%;
+	width: 25%;
 	display: inline-block;
 	font-size: 120%;
+	text-align: center;
 }
 #exampleSituations .example ul {
 	width: 100%;
@@ -20,13 +21,11 @@
 	justify-content: space-around;
 	list-style: none;
 }
-#exampleSituations .example h2 {
-}
 #exampleSituations .example li {
 	padding-top: 0;
 }
 #exampleSituations .example h3 {
-	font-size: 100%;
+	font-size: 95%;
 	font-weight: 600;
 	color: #444;
 }
diff --git a/source/sites/embauche.gouv.fr/pages/ExampleSituations.js b/source/sites/embauche.gouv.fr/pages/ExampleSituations.js
index 6448f57f4..5e4b6fd08 100644
--- a/source/sites/embauche.gouv.fr/pages/ExampleSituations.js
+++ b/source/sites/embauche.gouv.fr/pages/ExampleSituations.js
@@ -57,7 +57,7 @@ class Example extends Component {
 					})
 				},
 				net,
-				{ ...netAprèsImpôts, title: 'Net après impôt' }
+				{ ...netAprèsImpôts, title: 'Après impôt' }
 			]
 
 		return (
@@ -74,6 +74,19 @@ class Example extends Component {
 							</span>
 						</li>
 					))}{' '}
+					<li key="%">
+						<h3>Prélèvements</h3>
+						<span
+							style={{ color: colours.textColourOnWhite }}
+							className="figure">
+							{do {
+								let de = figures[0].nodeValue,
+									à = figures[3].nodeValue
+								Math.round(((de - à) / de) * 100)
+							}}{' '}
+							%
+						</span>
+					</li>
 				</ul>
 			</li>
 		)