From 768809aa52a5cf9264cb2f59357ae7e745312c9b Mon Sep 17 00:00:00 2001
From: mama <mael.thomas@data.gouv.fr>
Date: Tue, 5 Dec 2017 13:28:10 +0100
Subject: [PATCH] =?UTF-8?q?Les=20boutons=20r=C3=A9ponses=20et=20comprendre?=
 =?UTF-8?q?=20sont=20visibles=20d=C3=A8s=20le=20d=C3=A9but?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 source/components/Results.css                   | 8 +++++---
 source/components/Results.js                    | 2 +-
 source/components/conversation/Conversation.js  | 2 +-
 source/components/conversation/conversation.css | 3 ++-
 4 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/source/components/Results.css b/source/components/Results.css
index 1b2e6ecc0..42f353b46 100644
--- a/source/components/Results.css
+++ b/source/components/Results.css
@@ -6,11 +6,12 @@
 }
 #results {
 	width: 100%;
+	padding: .5em;
 }
 #resultsContent {
 	position: relative;
 	margin: 0 auto;
-	padding: .6em 0;
+	padding: .2em 0;
 	width: 100%;
 	max-width: 45em;
 	background: #2975D1;
@@ -20,7 +21,8 @@
 
 #results button {
 	display: block;
-	margin: 1em auto;
+	margin: .5em auto 0;
+	transition: 1s opacity;
 }
 
 #results-actions {
@@ -63,7 +65,7 @@
 	align-items: center;
 	flex-wrap: wrap;
 	height: 70%;
-	margin: .2em auto 1.2em;
+	margin: .6em auto 1.2em;
 }
 
 
diff --git a/source/components/Results.js b/source/components/Results.js
index 5bfc79e2b..2a1da4270 100644
--- a/source/components/Results.js
+++ b/source/components/Results.js
@@ -63,7 +63,7 @@ export default class Results extends Component {
               ))}
             </ul>
           </div>
-          {done && <button>Comprendre mes résultats</button>}
+          <button style={{opacity: done ? 1 : 0}}>Comprendre mes résultats</button>
         </section>
       </div>
     )
diff --git a/source/components/conversation/Conversation.js b/source/components/conversation/Conversation.js
index ac03cadcf..c247a5a7b 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">
-          {foldedSteps.length != 0 && <button>↑ Modifier mes réponses</button>}
+          <button style={{opacity: foldedSteps.length != 0 ? 1 : 0}}>↑ Modifier mes réponses</button>
           <div id="currentQuestion">
             {currentQuestion || <Satisfaction simu={this.props.simu} />}
           </div>
diff --git a/source/components/conversation/conversation.css b/source/components/conversation/conversation.css
index 1d1f286b7..f05c40363 100644
--- a/source/components/conversation/conversation.css
+++ b/source/components/conversation/conversation.css
@@ -6,7 +6,8 @@
 
 #myScrollToElement button {
 	display: block;
-	margin: 1em auto;
+	margin: 0 auto 1em;
+	transition: 1s opacity;
 }