Redesign Ack-badge

Use the `check-circle` icon in the ack-badge, matching the one on the Acknowledge button

Author: BastianLedererIcinga

library/Icingadb/View/CommentRenderer.php

@@ -101,14 +101,16 @@ public function assembleTitle($item, HtmlDocument $title, string $layout): void
         ];
 
         if ($isAck) {
-            $label = [Text::create('ack')];
+            $label = [new Icon('check-circle')];
 
             if ($item->is_persistent) {
-                array_unshift($label, new Icon(Icons::IS_PERSISTENT));
+                $label[] = new Icon(Icons::IS_PERSISTENT);
             }
 
+            $label[] = Text::create('ack');
+
             $headerParts[] = Text::create(' ');
-            $headerParts[] = new HtmlElement('span', Attributes::create(['class' => 'ack-badge badge']), ...$label);
+            $headerParts[] = new HtmlElement('span', Attributes::create(['class' => 'ack-badge']), ...$label);
         }
 
         if ($expires !== null) {

public/css/common.less

@@ -59,6 +59,11 @@ div.show-more {
   }
 }
 
+.ack-badge:not(.badge) {
+  color: @color-ok;
+  margin-top: 0;
+}
+
 .controls {
   .box-shadow(0, 0, 0, 1px, @gray-lighter);
   flex-shrink: 0;