From b1bc331711d0d57bbec3e60bab0e7a6773fdc469 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Mierzwa?= <l.mierzwa@gmail.com>
Date: Mon, 7 Oct 2019 19:46:18 +0100
Subject: [PATCH] feat(ui): change the background of filter input on hover

---
 ui/src/Components/Labels/FilterInputLabel/index.js   | 4 ++--
 ui/src/Components/Labels/FilterInputLabel/index.scss | 6 ++++++
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/ui/src/Components/Labels/FilterInputLabel/index.js b/ui/src/Components/Labels/FilterInputLabel/index.js
index de47264c0..352484c9b 100644
--- a/ui/src/Components/Labels/FilterInputLabel/index.js
+++ b/ui/src/Components/Labels/FilterInputLabel/index.js
@@ -75,7 +75,7 @@ const FilterInputLabel = observer(
           {filter.isValid ? (
             filter.applied ? (
               showCounter ? (
-                <span className="badge badge-light badge-pill">
+                <span className="badge badge-light badge-pill mr-1">
                   {filter.hits}
                 </span>
               ) : null
@@ -93,7 +93,7 @@ const FilterInputLabel = observer(
             className="components-filteredinputlabel-text flex-grow-1 flex-shrink-1"
           >
             <RIEInput
-              className="cursor-text ml-1"
+              className="cursor-text px-1"
               defaultValue=""
               value={filter.raw}
               propName="raw"
diff --git a/ui/src/Components/Labels/FilterInputLabel/index.scss b/ui/src/Components/Labels/FilterInputLabel/index.scss
index 4c6080d30..879adeedd 100644
--- a/ui/src/Components/Labels/FilterInputLabel/index.scss
+++ b/ui/src/Components/Labels/FilterInputLabel/index.scss
@@ -11,6 +11,12 @@
     vertical-align: bottom;
     max-width: 100%;
   }
+
+  &:hover {
+    background-color: $light;
+    color: $black;
+    border-radius: 4px;
+  }
 }
 
 .btn.components-filteredinputlabel > .badge,