From 358f4b90f6d798499f729ea31550a0541e876086 Mon Sep 17 00:00:00 2001
From: Nabil Adouani <nabil.adouani@gmail.com>
Date: Mon, 16 Nov 2020 14:24:55 +0100
Subject: [PATCH] #1654 Fix the severity componenet

---
 ui/app/styles/main.css                |  4 ++++
 ui/app/views/directives/severity.html | 17 ++++++++---------
 2 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/ui/app/styles/main.css b/ui/app/styles/main.css
index ffca7d5f1f..71172310ba 100644
--- a/ui/app/styles/main.css
+++ b/ui/app/styles/main.css
@@ -249,6 +249,10 @@ pre.clearpre {
     font-weight: normal !important;
 }
 
+.label-critical {
+    background-color: #8a0000 !important;
+}
+
 .progress.progress-bar-sm {
     height: 10px;
 }
diff --git a/ui/app/views/directives/severity.html b/ui/app/views/directives/severity.html
index 74f74b3bbb..c24ce1ff9f 100644
--- a/ui/app/views/directives/severity.html
+++ b/ui/app/views/directives/severity.html
@@ -1,14 +1,13 @@
 <div ng-if="active == true">
-    <span class="label" ng-class="{ true:'label-success', false:'label-default' }[value == 1]" ng-click="update(1)">L</span>
-    <span class="label" ng-class="{ true:'label-info', false:'label-default' }[value == 2 || !value]" ng-click="update(2)">M</span>
-    <span class="label" ng-class="{ true:'label-warning', false:'label-default' }[value == 3]" ng-click="update(3)">H</span>
-    <span class="label" ng-class="{ true:'label-danger', false:'label-default' }[value == 4]" ng-click="update(4)">!!</span>
-
+    <span class="clickable label" ng-class="{ true:'label-info', false:'label-default' }[value == 1]" ng-click="update(1)">L</span>
+	<span class="clickable label" ng-class="{ true:'label-warning', false:'label-default' }[value == 2 || !value]" ng-click="update(2)">M</span>
+	<span class="clickable label" ng-class="{ true:'label-danger', false:'label-default' }[value == 3]" ng-click="update(3)">H</span>
+	<span class="clickable label" ng-class="{ true:'label-critical', false:'label-default' }[value == 4]" ng-click="update(4)">C</span>
 </div>
 <span ng-if="active != true" ng-switch="value">
-	<span ng-switch-when="1" class="label label-success">L</span>
-	<span ng-switch-when="2" class="label label-info">M</span>
-	<span ng-switch-when="3" class="label label-warning">H</span>
-  <span ng-switch-when="4" class="label label-danger">!!</span>
+    <span ng-switch-when="1" class="label label-info">L</span>
+    <span ng-switch-when="2" class="label label-warning">M</span>
+    <span ng-switch-when="3" class="label label-danger">H</span>
+    <span ng-switch-when="4" class="label label-critical">C</span>
 	<span ng-switch-default class="label label-primary">?</span>
 </span>