From a58853569ab55349daa821b8b56598465b1aa2e8 Mon Sep 17 00:00:00 2001
From: Mael <mael.thomas@data.gouv.fr>
Date: Tue, 23 Jul 2019 14:12:33 +0200
Subject: [PATCH] =?UTF-8?q?:art:=20Symbole=20+=20pour=20s=C3=A9parer=20les?=
 =?UTF-8?q?=20composantes?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

1 retour utilisateur pas familier avec ce concept de composantes
---
 source/engine/mecanismViews/Composantes.js | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/source/engine/mecanismViews/Composantes.js b/source/engine/mecanismViews/Composantes.js
index 45f331ddf..e7406f439 100644
--- a/source/engine/mecanismViews/Composantes.js
+++ b/source/engine/mecanismViews/Composantes.js
@@ -29,19 +29,15 @@ let Comp = withLanguage(function Composantes({
 						<InlineMecanism name="composantes" /> :
 					</p>
 					<ol>
-						{explanation.map(c => [
+						{explanation.map((c, i) => [
 							<li
 								className="composante"
-								css={`
-									margin-bottom: 1em;
-								`}
+								css={``}
 								key={JSON.stringify(c.composante)}>
 								<ul
 									className="composanteAttributes"
 									css={`
 										border-left: 4px solid ${colours('composantes')};
-										li > span:first-child {
-										}
 									`}>
 									{toPairs(c.composante).map(([k, v]) => (
 										<li key={k} className="composanteName">
@@ -58,6 +54,15 @@ let Comp = withLanguage(function Composantes({
 									))}
 								</ul>
 								<div className="content">{makeJsx(c)}</div>
+								<div
+									css={`
+										text-align: center;
+										width: 100%;
+										font-size: 2.6rem;
+										margin: 0.4em 0 0.2em;
+									`}>
+									{i === explanation.length - 1 ? null : '+'}
+								</div>
 							</li>
 						])}
 					</ol>