From 10b67e7d598bd2966f99a6ddc7ded56615168795 Mon Sep 17 00:00:00 2001
From: mama <mael.thomas@data.gouv.fr>
Date: Thu, 30 Nov 2017 11:14:39 +0100
Subject: [PATCH] Ajout d'une indication pour le choix d'objectifs multiples

---
 source/components/TargetSelection.css | 14 +++++++++++---
 source/components/TargetSelection.js  | 11 +++++++----
 2 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/source/components/TargetSelection.css b/source/components/TargetSelection.css
index 9f83f826f..bf0cb1b34 100644
--- a/source/components/TargetSelection.css
+++ b/source/components/TargetSelection.css
@@ -22,7 +22,6 @@
 }
 
 #targetSelection div {
-	display: inline-block;
 	margin-left: 1em;
 	line-height: 0.6em;
 }
@@ -66,17 +65,26 @@
 	color: #2975d1;
 }
 
+#targetSelection #action {
+	text-align: center;
+	margin: 2em auto;
+}
+
+#targetSelection #action p {
+	font-size: 80%;
+	color: #4a89dc;
+}
+
 /* TODO styler les checkboxes https://codepen.io/KenanYusuf/pen/PZKEKd */
 
 #targetSelection button {
 	color: white;
 	display: block;
-	text-align: center;
 	background: #4a89dc;
 	padding: 0.3em 1em;
 	font-size: 200%;
-	margin: 2em auto;
 	width: 8em;
+	margin: 0 auto;
 	border: none;
 	box-shadow: 0px 9px 14px 0px rgba(0, 0, 0, 0.1);
 	opacity: 0.95;
diff --git a/source/components/TargetSelection.js b/source/components/TargetSelection.js
index 91b861469..6062e51ad 100644
--- a/source/components/TargetSelection.js
+++ b/source/components/TargetSelection.js
@@ -13,12 +13,15 @@ export default class TargetSelection extends Component {
 
 		return (
 			<section id="targetSelection">
-				<h2>Qu'allons-nous calculer ?</h2>
+				<h2>Que voulez-vous calculer ?</h2>
 				{this.renderOutputList()}
 				{targets.length !== 0 && (
-					<Link to={'/simu/' + targets.join('+')}>
-						<button>Valider</button>
-					</Link>
+					<div id="action">
+						<p>Vous pouvez faire plusieurs choix</p>
+						<Link to={'/simu/' + targets.join('+')}>
+							<button>Valider</button>
+						</Link>
+					</div>
 				)}
 			</section>
 		)