🎨 Mise en valeur de l'avertissement

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 {

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'}