From 5d1084b8e713a508bc20cddcb60c984bd1699d22 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Mierzwa?= <l.mierzwa@gmail.com>
Date: Sat, 28 Jul 2018 20:59:31 +0200
Subject: [PATCH] fix(ui): better close button align on filters

---
 ui/src/Components/Labels/FilterInputLabel/index.css | 2 --
 ui/src/Components/Labels/FilterInputLabel/index.js  | 2 +-
 2 files changed, 1 insertion(+), 3 deletions(-)

diff --git a/ui/src/Components/Labels/FilterInputLabel/index.css b/ui/src/Components/Labels/FilterInputLabel/index.css
index 3b79ae35a..3de3f2cad 100644
--- a/ui/src/Components/Labels/FilterInputLabel/index.css
+++ b/ui/src/Components/Labels/FilterInputLabel/index.css
@@ -1,7 +1,6 @@
 .badge.components-filteredinputlabel {
   /* make fonts bigger */
   font-size: 90%;
-  line-height: 1.4;
 
   /* fix align after text-truncate */
   vertical-align: middle;
@@ -24,5 +23,4 @@
 .badge.components-filteredinputlabel > .close {
   /* make close button bigger, to match font size of the badge */
   font-size: 1rem;
-  margin-left: 0.25rem;
 }
diff --git a/ui/src/Components/Labels/FilterInputLabel/index.js b/ui/src/Components/Labels/FilterInputLabel/index.js
index 6a0bcab3a..cd61e8f60 100644
--- a/ui/src/Components/Labels/FilterInputLabel/index.js
+++ b/ui/src/Components/Labels/FilterInputLabel/index.js
@@ -76,7 +76,7 @@ const FilterInputLabel = observer(
             style={style}
             onClick={() => alertStore.filters.removeFilter(filter.raw)}
           >
-            <span aria-hidden="true">&times;</span>
+            <span className="align-text-bottom">&times;</span>
           </button>
           {filter.isValid ? (
             filter.applied ? (