From 74310bd06d1b40b7c38814b85d676daaec74e77a Mon Sep 17 00:00:00 2001
From: Mael <mael.thomas@data.gouv.fr>
Date: Thu, 11 Jul 2019 13:53:02 +0200
Subject: [PATCH] :art: Changement de style des valeurs dans la /doc
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

L'idée est de les extraire visuellement du reste, et de ne plus utiliser
les parenthèses qui ne sont pas faites pour convoyer ce sens
---
 source/engine/mecanismViews/common.js | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/source/engine/mecanismViews/common.js b/source/engine/mecanismViews/common.js
index b8b5a517c..fb0ebbded 100644
--- a/source/engine/mecanismViews/common.js
+++ b/source/engine/mecanismViews/common.js
@@ -23,7 +23,18 @@ export let NodeValuePointer = ({ data, unit }) => (
 	<span
 		className={classnames('situationValue', {
 			boolean: typeof data == 'boolean'
-		})}>
+		})}
+		css={`
+			background: white;
+			border-bottom: 0 !important;
+			padding: 0 0.2rem;
+			text-decoration: none !important;
+			margin: 0 0.3rem;
+			font-size: 80%;
+			box-shadow: 2px 2px 4px 1px #d9d9d9, 0 0 0 1px #d9d9d9;
+			line-height: 1.6em;
+			border-radius: 0.2rem;
+		`}>
 		<Value nodeValue={data} unit={unit} />
 	</span>
 )
@@ -114,11 +125,9 @@ export const Leaf = compose(
 								}>
 								<span className="name">
 									{rule.title || capitalise0(name)} {filter}
-									{!isNil(value) && (
-										<NodeValuePointer data={value} unit={unit} />
-									)}
 								</span>
 							</Link>
+							{!isNil(value) && <NodeValuePointer data={value} unit={unit} />}
 						</span>
 					)}
 				</span>