css: Increase icon size and alignment

Icinga · Sep 5, 2023 · 98029c2 · 98029c2
1 parent b44b66f
commit 98029c2
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 17 deletions.
diff --git a/public/css/common.less b/public/css/common.less
@@ -33,8 +33,9 @@
 
   color: @text-color;
   margin-right: 0.2em;
+
   i.icon {
-    vertical-align: text-top;
+    font-size: 1.25em;
   }
 
   i.icon:before {

diff --git a/public/css/event-source-badge.less b/public/css/event-source-badge.less
@@ -1,21 +1,12 @@
 .event-source-badge {
-  position: relative;
+  display: inline-flex;
+  background: @gray;
+  border-radius: 1em;
+  padding-right: .5em;
+  line-height: 2em;
+  color: @text-color-inverted;
 
   .source-icon {
-    position: absolute;
-  }
-
-  .name {
-    position: relative;
-    display: inline-block;
-    height: 2em;
-    border-bottom-right-radius: 1em;
-    border-top-right-radius: 1em;
-    z-index: -99;
-    padding: @ball-pad .5em @ball-pad 1.5em;
-    margin-left: 1em;
-
-    background-color: @gray;
-    color: @text-color-inverted;
+    padding: 0
   }
 }