From f53e98123f361bc84aa531412d8aa0f2a9c34dc7 Mon Sep 17 00:00:00 2001
From: Mael <mael.thomas@data.gouv.fr>
Date: Tue, 3 Jul 2018 15:03:51 +0000
Subject: [PATCH] =?UTF-8?q?:art:=20D=C3=A9grad=C3=A9=20plus=20neutre=20et?=
 =?UTF-8?q?=20moins=20de=20polices=20grasses?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 source/components/AnimatedTargetValue.css     |  3 --
 source/components/TargetSelection.css         | 15 ++++----
 .../conversation/InputSuggestions.css         |  2 +-
 source/components/rule/RuleValueVignette.css  | 36 +++++++++++++++++++
 4 files changed, 44 insertions(+), 12 deletions(-)
 create mode 100644 source/components/rule/RuleValueVignette.css

diff --git a/source/components/AnimatedTargetValue.css b/source/components/AnimatedTargetValue.css
index 53f27f91a..407ebfc7e 100644
--- a/source/components/AnimatedTargetValue.css
+++ b/source/components/AnimatedTargetValue.css
@@ -2,9 +2,6 @@
 	transition: background 0.8s;
 	font-size: 105%;
 }
-.Rule-value .figure {
-	font-weight: bold;
-}
 
 /* Animation of summary figures changes : flash ! */
 .flash-enter {
diff --git a/source/components/TargetSelection.css b/source/components/TargetSelection.css
index 7aaf9944c..09482a0a2 100644
--- a/source/components/TargetSelection.css
+++ b/source/components/TargetSelection.css
@@ -3,9 +3,8 @@
 	box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
 	background: linear-gradient(
 		60deg,
-		rgba(39, 69, 195, 0.87) 5%,
-		rgba(41, 117, 209, 1) 50%,
-		rgba(200, 40, 120, 0.52) 110%
+		rgba(39, 69, 195, 0.87) 0%,
+		rgba(41, 117, 209, 1) 100%
 	);
 }
 
@@ -70,9 +69,9 @@
 }
 
 #targetSelection .targetInputOrValue {
-	font-size: 125%;
+	font-size: 135%;
 	display: flex;
-	height: 1.6em;
+	height: 1.4em;
 	justify-content: flex-end;
 	align-items: flex-end;
 	margin-left: 0.6em;
@@ -90,9 +89,9 @@
 	width: 5.5em !important;
 	display: inline-block;
 	text-align: right;
-	font-weight: 700;
+	font-weight: 500;
 	padding: 0;
-	padding: 0em 0.5em;
+	padding: 0.2em 0.5em;
 	background: rgba(255, 255, 255, 0);
 	border-radius: 0.2em;
 	border: 2px solid white;
@@ -113,7 +112,7 @@
 	font-style: italic;
 	color: #c0392b;
 	background: yellow;
-	font-weight: 600;
+	font-weight: 500;
 }
 
 #targetSelection .inputSuggestions {
diff --git a/source/components/conversation/InputSuggestions.css b/source/components/conversation/InputSuggestions.css
index 053383d4f..99592ed51 100644
--- a/source/components/conversation/InputSuggestions.css
+++ b/source/components/conversation/InputSuggestions.css
@@ -6,7 +6,7 @@
 	list-style: none;
 	display: inline-flex;
 	align-items: flex-end;
-	font-weight: 600;
+	font-weight: 500;
 }
 .inputSuggestions li {
 	text-align: center;
diff --git a/source/components/rule/RuleValueVignette.css b/source/components/rule/RuleValueVignette.css
new file mode 100644
index 000000000..eb3d805fc
--- /dev/null
+++ b/source/components/rule/RuleValueVignette.css
@@ -0,0 +1,36 @@
+.RuleValueVignette .rule-box {
+	display: flex;
+	justify-content: space-between;
+}
+.rule-box:hover {
+	background: rgba(255, 255, 255, 0.16);
+}
+
+.RuleValueVignette .rule-box > span {
+	display: inline-block;
+}
+.RuleValueVignette .rule-name {
+	font-weight: 600;
+	font-size: 105%;
+}
+.Rule-value {
+	transition: background 0.8s;
+	font-size: 105%;
+}
+.Rule-value .unsatisfied {
+	font-style: italic;
+	font-size: 85%;
+}
+.Rule-value .irrelevant {
+	font-style: normal;
+}
+
+/* Animation of summary figures changes : flash ! */
+.flash-enter {
+	background: rgba(255, 255, 255, 1);
+}
+
+.flash-leave {
+	/* Completely hide the button while it's being animated and before it's removed from the DOM. */
+	display: none;
+}