From c9c1469bf5414e8fa6c639a865d2bb9ad0e3ccf1 Mon Sep 17 00:00:00 2001
From: Mael <mael.thomas@data.gouv.fr>
Date: Fri, 26 Oct 2018 15:53:20 +0000
Subject: [PATCH] :art: Travail visuel sur les exemples de calcul

---
 .../sites/embauche.gouv.fr/pages/ExampleSituations.css |  4 ++++
 .../sites/embauche.gouv.fr/pages/ExampleSituations.js  | 10 +++++++---
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/source/sites/embauche.gouv.fr/pages/ExampleSituations.css b/source/sites/embauche.gouv.fr/pages/ExampleSituations.css
index 5ee9972d5..5152de5dd 100644
--- a/source/sites/embauche.gouv.fr/pages/ExampleSituations.css
+++ b/source/sites/embauche.gouv.fr/pages/ExampleSituations.css
@@ -1,8 +1,12 @@
+#exampleSituations ul {
+	margin-top: 1.5em;
+}
 #exampleSituations .example {
 	border-bottom: 1px solid #eee;
 	width: 100%;
 	display: flex;
 	justify-items: space-between;
+	align-items: center;
 }
 #exampleSituations .example h2 {
 	width: 30%;
diff --git a/source/sites/embauche.gouv.fr/pages/ExampleSituations.js b/source/sites/embauche.gouv.fr/pages/ExampleSituations.js
index 0b7af7b77..2d6de1468 100644
--- a/source/sites/embauche.gouv.fr/pages/ExampleSituations.js
+++ b/source/sites/embauche.gouv.fr/pages/ExampleSituations.js
@@ -9,12 +9,16 @@ import {
 	parsedRulesSelector
 } from 'Selectors/analyseSelectors'
 import withColours from 'Components/utils/withColours'
+import emoji from 'react-easy-emoji'
 
-class ExempleSituations extends Component {
+class ExampleSituations extends Component {
 	render() {
 		return (
 			<div className="ui__ container" id="exampleSituations">
-				<h1>Exemples de calculs</h1>
+				<h1>
+					{emoji('💡 ')}
+					Quelques exemples...
+				</h1>
 				<ul>
 					{examples.map(ex => (
 						<Example ex={ex} key={ex.nom} />
@@ -76,4 +80,4 @@ class Example extends Component {
 	}
 }
 
-export default ExempleSituations
+export default ExampleSituations