From 0701b39d77571727f85673fdef4a643e95cbc2db Mon Sep 17 00:00:00 2001
From: mama <mael.thomas@data.gouv.fr>
Date: Mon, 18 Dec 2017 15:22:14 +0100
Subject: [PATCH] =?UTF-8?q?:art:=20Alignement=20de=20l'ic=C3=B4ne=20'expli?=
 =?UTF-8?q?cation'?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 source/components/conversation/Explicable.css   | 7 ++++++-
 source/components/conversation/conversation.css | 2 ++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/source/components/conversation/Explicable.css b/source/components/conversation/Explicable.css
index 0a0897ed8..499d744b3 100644
--- a/source/components/conversation/Explicable.css
+++ b/source/components/conversation/Explicable.css
@@ -1,10 +1,15 @@
+.explicable {
+  display: flex;
+  align-items: center;
+}
+
 .explicable .icon{
   text-align: center;
   width: 1.3em;
   line-height: 1.3em;
   border-radius: .2em;
   display: inline-block;
-  margin-left: .8em;
+  margin-left: .4em;
   padding: .15em;
   opacity: .4;
   border: 1px solid transparent;
diff --git a/source/components/conversation/conversation.css b/source/components/conversation/conversation.css
index 8b3dde216..be87ff476 100644
--- a/source/components/conversation/conversation.css
+++ b/source/components/conversation/conversation.css
@@ -131,6 +131,8 @@
 	margin: 0;
 	border-radius: 1.4em;
 	position: relative;
+	/* Give some space for the explicable's icon */
+	max-width: 90%;
 }
 
 .step.completed .edit:hover {