From 562e26639dfa89d6022955a923eeefabfe65fe3a Mon Sep 17 00:00:00 2001
From: mama <mael.thomas@data.gouv.fr>
Date: Thu, 18 Jan 2018 18:58:15 +0100
Subject: [PATCH] =?UTF-8?q?:art:=20Am=C3=A9lioration=20du=20bouton=20valid?=
 =?UTF-8?q?er?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 source/components/conversation/SendButton.js  |  2 +-
 .../components/conversation/conversation.css  | 23 +++++++++++++------
 2 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/source/components/conversation/SendButton.js b/source/components/conversation/SendButton.js
index c995eb547..f198e074d 100644
--- a/source/components/conversation/SendButton.js
+++ b/source/components/conversation/SendButton.js
@@ -21,7 +21,7 @@ export default class SendButton extends Component {
 					onClick={this.getAction()}
 				>
 					<span className="text">valider</span>
-					<span className="icon">&#10003;</span>
+					<i className="fa fa-check" aria-hidden="true" />
 				</button>
 				<span
 					className="keyIcon"
diff --git a/source/components/conversation/conversation.css b/source/components/conversation/conversation.css
index f4a67d11c..2a978c311 100644
--- a/source/components/conversation/conversation.css
+++ b/source/components/conversation/conversation.css
@@ -214,6 +214,10 @@
 .step.question .variantLeaf.aucun label {
 	font-weight: bold;
 }
+
+.step.question .sendWrapper {
+	float: right;
+}
 .step label.radio,
 /* A resume of what's been answered */ .resume {
 	text-align: center;
@@ -371,11 +375,11 @@
 }
 
 .step .send {
-	padding: 0 0.1em 0 0.5em;
+	padding: 0.1em 0.4em 0em 1em;
 	background: none;
 	cursor: pointer;
 	border: 1px solid;
-	border-radius: 0.2em;
+	border-radius: 0.4em;
 	line-height: 0em;
 }
 
@@ -383,19 +387,24 @@
 	opacity: 0.2;
 }
 
-.step .send .icon {
-	margin-left: 0.3em;
-	font-size: 135%;
-	vertical-align: middle;
+.step .send i {
+	margin: 0 0.3em;
+	font-size: 160%;
 }
 
 .step .send .text {
 	text-transform: uppercase;
-	font-size: 115%;
+	font-size: 135%;
 	line-height: 2em;
 }
 
 .answer {
+	display: flex;
+	justify-content: flex-end;
+	align-items: center;
+}
+
+.foldedQuestion .answer {
 	float: right;
 }