From 54802a282a7135b25ff865ea88575be292ad554d Mon Sep 17 00:00:00 2001
From: mama <mael.thomas@data.gouv.fr>
Date: Fri, 1 Dec 2017 13:17:37 +0100
Subject: [PATCH] :art: Mise en valeur des salaires dans la visu niveau 2

---
 source/components/ResultsGrid.js      | 15 ++++++---------
 source/engine/mecanismViews/Somme.css | 10 ++++++++++
 2 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/source/components/ResultsGrid.js b/source/components/ResultsGrid.js
index 56abec5a9..ab32d9c83 100644
--- a/source/components/ResultsGrid.js
+++ b/source/components/ResultsGrid.js
@@ -80,12 +80,9 @@ export default class ResultsGrid extends Component {
 				<table>
 					<thead>
 						<tr>
-							<td className="element" />
-							<td colSpan="2" className="element">
-								{humanFigure(2)(brut)} (salaire brut)
-							</td>
-							<td colSpan="2" className="element">
-								{humanFigure(2)(brut)} (salaire brut)
+							<td className="element"><span className="annotation">Salaire brut</span></td>
+							<td colSpan="4" className="element" id="sommeBase">
+								{humanFigure(2)(brut)}
 							</td>
 						</tr>
 					</thead>
@@ -97,10 +94,10 @@ export default class ResultsGrid extends Component {
 						<tr>
 							<td className="element" />
 							<td className="operator">=</td>
-							<td className="element">{humanFigure(2)(net)} (salaire net)</td>
+							<td className="element">{humanFigure(2)(net)} <div className="annotation">Salaire net</div></td>
 							<td className="operator">=</td>
 							<td className="element">
-								{humanFigure(2)(total)} (salaire total)
+								{humanFigure(2)(total)} <div className="annotation">Salaire total</div>
 							</td>
 						</tr>
 					</tbody>
@@ -158,7 +155,7 @@ class Row extends Component {
 				? []
 				: R.keys(detail).map(subCellName => (
 					<tr>
-						<td className="element">&nbsp;{title(subCellName)}</td>
+						<td className="element name">&nbsp;{title(subCellName)}</td>
 						<td className="operator">-</td>
 						<td className="element">
 							{humanFigure(2)(subCell(detail, subCellName, 'salarié'))}
diff --git a/source/engine/mecanismViews/Somme.css b/source/engine/mecanismViews/Somme.css
index 38bac0cb8..0c80ab285 100644
--- a/source/engine/mecanismViews/Somme.css
+++ b/source/engine/mecanismViews/Somme.css
@@ -65,3 +65,13 @@
 .somme > table  {
 	border-bottom: 1px solid rgba(51, 51, 80, 0.15);
 }
+
+
+#sommeBase {
+	text-align: center;
+}
+
+.somme .annotation {
+	color: #2975D1;
+	font-weight: 600;
+}