From 9ae2851d273e6fb0c566ba09809ed2a3031bb998 Mon Sep 17 00:00:00 2001
From: mama <mael.thomas@data.gouv.fr>
Date: Tue, 2 May 2017 16:59:00 +0200
Subject: [PATCH] =?UTF-8?q?:art:=20Suggestions=20dans=20la=20saisie=20num.?=
 =?UTF-8?q?=20plus=20=C3=A9videntes?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

+ alignement de l'unité
---
 source/components/conversation/Input.js         |  2 +-
 source/components/conversation/conversation.css | 14 +++++++-------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/source/components/conversation/Input.js b/source/components/conversation/Input.js
index 7603ffca9..fd0397291 100644
--- a/source/components/conversation/Input.js
+++ b/source/components/conversation/Input.js
@@ -51,7 +51,7 @@ export default class Input extends Component {
 						<span className="icon">&#10003;</span>
 					</button>
 				</span>
-				{suggestions && <span className="input-suggestions">suggestions:
+				{suggestions && <span className="inputSuggestions">suggestions:
 					<ul>
 					{R.toPairs(suggestions).map(([text, value]) =>
 						<li key={value}
diff --git a/source/components/conversation/conversation.css b/source/components/conversation/conversation.css
index 820588aed..4a23ff743 100644
--- a/source/components/conversation/conversation.css
+++ b/source/components/conversation/conversation.css
@@ -275,7 +275,7 @@ fieldset > .ignore {
 
 .step label.suffix {
 	font-size: 110%;
-	vertical-align: middle;
+	vertical-align: baseline;
 	transition: color .1s;
 	margin: 0 1.5em .1em 0.6em;
 }
@@ -286,29 +286,29 @@ fieldset > .ignore {
 	outline: none;
 }
 
-.step .input-suggestions {
+.step .inputSuggestions {
 	font-style: italic;
 	float: right;
 	clear: right;
 	font-size: 70%;
-	color: #666;
+	color: #222;
 }
-.step .input-suggestions ul {
+.step .inputSuggestions ul {
   padding-left: 0;
 	margin-right: 8em;
 	list-style: none;
 	display: inline-flex;
 	align-items: flex-end;
 }
-.step .input-suggestions li {
+.step .inputSuggestions li {
 	margin-left: .6em;
 }
-.step .input-suggestions a {
+.step .inputSuggestions a {
 	color: #4A89DC;
 	padding: .1em .6em;
 	font-weight: 600;
 }
-.step .input-suggestions a:hover {
+.step .inputSuggestions a:hover {
 	background: #4A89DC;
 	color: white;
 	text-decoration: none;