From 8aa97635ece781654ca7fbf5b9cc08e9f8f2905f Mon Sep 17 00:00:00 2001
From: Louis Lam <louislam@users.noreply.github.com>
Date: Mon, 5 Dec 2022 18:21:16 +0800
Subject: [PATCH] Improve the clear filter button

---
 src/components/MonitorList.vue | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/components/MonitorList.vue b/src/components/MonitorList.vue
index 1c0e3b35..7b821e13 100644
--- a/src/components/MonitorList.vue
+++ b/src/components/MonitorList.vue
@@ -206,6 +206,16 @@ export default {
 .search-icon {
     padding: 10px;
     color: #c0c0c0;
+
+    // Clear filter button (X)
+    svg[data-icon="times"] {
+        cursor: pointer;
+        transition: all ease-in-out 0.1s;
+
+        &:hover {
+            color: white;
+        }
+    }
 }
 
 .search-input {