From a29ed207b0cf5ae63085eba8ac3423a9c3a241c0 Mon Sep 17 00:00:00 2001
From: Johannes Meyer <johannes.meyer@icinga.com>
Date: Tue, 9 Apr 2024 10:45:09 +0200
Subject: [PATCH] css: Use equal height for an icinga icon's `i` and `::before`

fixes #209
---
 asset/css/icons-base.less | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/asset/css/icons-base.less b/asset/css/icons-base.less
index 301c5055..1d8e8717 100644
--- a/asset/css/icons-base.less
+++ b/asset/css/icons-base.less
@@ -1,8 +1,12 @@
 i.icon {
   vertical-align: middle; // Firefox will place icons weird otherwise
+  display: inline-block;
 
-  &:before {
-    display: inline-block;
+  font-style: normal;
+  line-height: 1;
+
+  &::before {
+    display: block;
     min-width: 1em;
     margin-right: .2em;