From f3a7c68930278783db4962bf5590e374cb8ade93 Mon Sep 17 00:00:00 2001
From: Mael <mael.thomas@data.gouv.fr>
Date: Wed, 12 Sep 2018 16:37:17 +0200
Subject: [PATCH] :art: Mise en valeur de l'avertissement

---
 source/components/Controls.css | 2 ++
 source/components/Controls.js  | 6 +++++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/source/components/Controls.css b/source/components/Controls.css
index e6ef4f0cd..92d37f71b 100644
--- a/source/components/Controls.css
+++ b/source/components/Controls.css
@@ -6,6 +6,8 @@
 #controlsBlock h3 {
 	text-align: center;
 	margin: 0 0 0.6em;
+	border-bottom-width: 1px;
+	border-bottom-style: solid;
 }
 
 #controlsBlock #controlContent {
diff --git a/source/components/Controls.js b/source/components/Controls.js
index eb462fd6f..f40d505dc 100644
--- a/source/components/Controls.js
+++ b/source/components/Controls.js
@@ -26,7 +26,11 @@ function Controls({ blockingInputControls, controls, startConversation }) {
 									{do {
 										let { level, solution, evaluated } = controls[0]
 										;<>
-											<h3>
+											<h3
+												style={{
+													borderBottomColor:
+														level === 'avertissement' ? '#e67e22' : '#34495e'
+												}}>
 												{level === 'avertissement'
 													? 'Attention !'
 													: 'Information'}