From b7aa29436e33d54db7424acd960b0e3dc8f9da41 Mon Sep 17 00:00:00 2001
From: mama <mael.thomas@data.gouv.fr>
Date: Wed, 18 Oct 2017 11:41:36 +0200
Subject: [PATCH] =?UTF-8?q?:art:=20Am=C3=A9lioration=20visuelle=20de=20l'i?=
 =?UTF-8?q?ntroduction?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 source/components/Simulateur.css | 28 ++++++++++++----------------
 source/components/Simulateur.js  |  2 +-
 2 files changed, 13 insertions(+), 17 deletions(-)

diff --git a/source/components/Simulateur.css b/source/components/Simulateur.css
index 723a695ff..0834822a8 100644
--- a/source/components/Simulateur.css
+++ b/source/components/Simulateur.css
@@ -25,23 +25,18 @@
 #simSubtitle {
 	margin-top: -.5em;
 	text-align: center;
-	font-size: 110%;
+	font-size: 120%;
 	font-weight: 300;
 	margin-bottom: 2.5em;
 }
 
-#sim .centered {
-	/*width: 40%;*/
+#sim .intro {
+	font-style: italic;
+	font-size: 110%;
 	width: 50em;
 	max-width: 90%;
 	margin: 0 auto;
 }
-
-#sim .intro {
-	font-style: italic;
-	font-size: 100%;
-	margin-bottom: 3%;
-}
 #sim .intro > div {
 	margin: 1em 0;
 	display: flex;
@@ -65,21 +60,22 @@
 	text-align: center;
 }
 
-#sim .action button {
+#sim .intro button {
 	color: white;
 	display: block;
 	text-align: center;
 	background: #4A89DC;
-	padding: .6em 1.2em;
+	padding: .3em 1em;
 	font-size: 140%;
-	margin: 1em auto;
-	width: 12em;
+	margin: 2em auto;
+	width: 8em;
 	border: none;
-	box-shadow: 0px 9px 14px 0px rgba(0, 0, 0, 0.1)
+	box-shadow: 0px 9px 14px 0px rgba(0, 0, 0, 0.1);
+	opacity: 0.95
 }
-#sim .action button:hover {
+#sim .intro button:hover {
 	box-shadow: none;
-	opacity: .95;
+	opacity: 1;
 }
 
 
diff --git a/source/components/Simulateur.js b/source/components/Simulateur.js
index 263d0e661..97c53a8c7 100644
--- a/source/components/Simulateur.js
+++ b/source/components/Simulateur.js
@@ -84,7 +84,7 @@ export default class extends Component {
 					<div id="simSubtitle">{sim('sous-titre')}</div>
 				}
 				{!started && sim(['introduction', 'notes']) &&
-					<div className="intro centered">
+					<div className="intro">
 						{sim(['introduction', 'notes']).map( ({icône, texte, titre}) =>
 							<div key={titre}>
 								<i title={titre} className={"fa "+icône} aria-hidden="true"></i>