From dd88ec637ac6aa5cd482dc7ad7eecbb8d09567d3 Mon Sep 17 00:00:00 2001
From: mama <mael.thomas@data.gouv.fr>
Date: Wed, 6 Dec 2017 17:42:24 +0100
Subject: [PATCH] =?UTF-8?q?Am=C3=A9lioration=20des=20indications=20mes=20r?=
 =?UTF-8?q?=C3=A9ponses=20et=20comprendre?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Ce ne sont plus des boutons
---
 source/components/Results.js                   |  2 +-
 source/components/Simulateur.css               | 13 ++++++++++---
 source/components/conversation/Conversation.js |  2 +-
 3 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/source/components/Results.js b/source/components/Results.js
index 71d0a2057..6ec372b45 100644
--- a/source/components/Results.js
+++ b/source/components/Results.js
@@ -57,7 +57,7 @@ export default class Results extends Component {
               ))}
             </ul>
           </div>
-          <button className="scrollButton down" style={{opacity: done ? 1 : 0}}>↓ Comprendre mes résultats</button>
+          <h3 className="scrollIndication down" style={{opacity: done ? 1 : 0}}><i className="fa fa-long-arrow-down" aria-hidden="true"></i> Comprendre mes résultats</h3>
         </section>
       </div>
     )
diff --git a/source/components/Simulateur.css b/source/components/Simulateur.css
index 41ac229d3..f871f7e5f 100644
--- a/source/components/Simulateur.css
+++ b/source/components/Simulateur.css
@@ -75,8 +75,9 @@
 	opacity: 1;
 }
 
-.scrollButton {
+.scrollIndication {
 	display: block;
+	text-align: center;
 	margin: 1.4em auto;
 	transition: 1s opacity;
 	color: #4A89DC;
@@ -84,9 +85,15 @@
 	font-size: 100%;
 	font-weight: 600;
 }
-.scrollButton.up {
+.scrollIndication i {
+	margin: 0 .3em;
+}
+.scrollIndication:hover i {
+	font-weight: bold;
+}
+.scrollIndication.up {
 	margin-top: 0;
 }
-.scrollButton.down {
+.scrollIndication.down {
 	margin-bottom: 0;
 }
diff --git a/source/components/conversation/Conversation.js b/source/components/conversation/Conversation.js
index 6ed89531a..66fb10a4a 100644
--- a/source/components/conversation/Conversation.js
+++ b/source/components/conversation/Conversation.js
@@ -52,7 +52,7 @@ export default class Conversation extends Component {
           </div>
         )}
         <Element name="myScrollToElement" id="myScrollToElement">
-          <button className="scrollButton up" style={{opacity: foldedSteps.length != 0 ? 1 : 0}}>↑ Modifier mes réponses</button>
+          <h3 className="scrollIndication up" style={{opacity: foldedSteps.length != 0 ? 1 : 0}}><i className="fa fa-long-arrow-up" aria-hidden="true"></i> Modifier mes réponses</h3>
           <div id="currentQuestion">
             {currentQuestion || <Satisfaction simu={this.props.simu} />}
           </div>