🎨 Amélioration du bouton valider

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"

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;
 }