From 8a5251a3a164ffe51f2dcac9b6c5cee9e1a2afee Mon Sep 17 00:00:00 2001
From: Yonas Habteab <yonas.habteab@netways.de>
Date: Fri, 17 Sep 2021 16:16:58 +0200
Subject: [PATCH] CSS: Adjust application state summary notification design

---
 public/css/icinga/widgets.less | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/public/css/icinga/widgets.less b/public/css/icinga/widgets.less
index 8212c785f..0525a31d7 100644
--- a/public/css/icinga/widgets.less
+++ b/public/css/icinga/widgets.less
@@ -62,10 +62,10 @@
 
 #application-state-summary > div {
   .var(background-color, color-critical);
-  color: #fff;
+  .var(color, text-color-on-icinga-blue);
   line-height: 1.5em;
   padding: 0.5em 1em 0.5em 3em;
-  width: 100%;
+  margin-left: 12em;
 
   position: relative;
 
@@ -74,7 +74,19 @@
     font-family: 'ifont';
 
     position: absolute;
-    left: 1.25em;
+    text-align: center;
+    left: .4em;
+    padding: .5em;
+    width: 3em;
+    top: 0;
+  }
+
+  > section {
+    margin-left: .5em;
+  }
+
+  > form .icon-cancel:before {
+    .var(color, text-color-on-icinga-blue);
   }
 }