From df014bd508cf12d527da2ced6ff2cb4d129ea3d2 Mon Sep 17 00:00:00 2001
From: Gabriel Hernandez <ghernandez345@gmail.com>
Date: Thu, 8 Sep 2022 14:59:24 +0100
Subject: [PATCH] fix responsiveness on manage host page table controls and
 update filter icon (#7636)

* fix responsiveness on manage host page table

* update filter icon on label filter to larger image
---
 assets/images/icon-filter.png                     | Bin 384 -> 0 bytes
 frontend/pages/hosts/ManageHostsPage/_styles.scss |   4 +++-
 .../components/LabelFilterSelect/_styles.scss     |   6 ++++--
 3 files changed, 7 insertions(+), 3 deletions(-)
 delete mode 100644 assets/images/icon-filter.png

diff --git a/assets/images/icon-filter.png b/assets/images/icon-filter.png
deleted file mode 100644
index 1c86fad06fd9a97b08507436783259122d3fa354..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 384
zcmV-`0e}99P)<h;3K|Lk000e1NJLTq000vJ000mO1^@s6^u$DB00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0ToF^K~#7F)sam~
zLopPE?|l_&XPGIekR`k&*g?UWg5to5uEIqKBJSV`;y@JYM1&4>30*=!g_ce-YaeZM
znv}NC_P*C2I_a6@Cb>B|$w#z7@hZ(qAFEPSya_cNR~zQbtYvnfD>0bAL99kgwueHw
zWj^b3X5(Aopd>S9zCJqK({C?#!}-P4E&cvA>i|Be0MqGrt2^W768ZR`2Y-mNba`GO
zZ#b#%AD?62ACu#7UQNu3lqMbQS|X?AWOVxaUW<cCkgvmFe6lBw*tU@-YyTM&ECc0#
zQ=9*@SxMyf^@-*PXJM`F(!`n{JC%N!6eN(7B+|?!CutGQOmdR)Xy%a<pO;5-8FHd&
e*2W@o+ob`cFsgoNO?$@x0000<MNUMnLSTY<p`WS%

diff --git a/frontend/pages/hosts/ManageHostsPage/_styles.scss b/frontend/pages/hosts/ManageHostsPage/_styles.scss
index ee4d847cac..ec2e6c8954 100644
--- a/frontend/pages/hosts/ManageHostsPage/_styles.scss
+++ b/frontend/pages/hosts/ManageHostsPage/_styles.scss
@@ -114,7 +114,9 @@
     }
 
     // table header content responsive styles
-    @media (max-width: $break-990) {
+    // NOTE: 1100px is a custom breakpoint to deal with responsiveness of the
+    // table controls. 990px doesnt work for us in this case.
+    @media (max-width: 1100px) {
       &__header {
         flex-direction: column;
       }
diff --git a/frontend/pages/hosts/ManageHostsPage/components/LabelFilterSelect/_styles.scss b/frontend/pages/hosts/ManageHostsPage/components/LabelFilterSelect/_styles.scss
index cda073084a..b5759583b9 100644
--- a/frontend/pages/hosts/ManageHostsPage/components/LabelFilterSelect/_styles.scss
+++ b/frontend/pages/hosts/ManageHostsPage/components/LabelFilterSelect/_styles.scss
@@ -22,8 +22,10 @@
     &::before {
       display: inline-block;
       position: absolute;
-      content: url(../assets/images/icon-filter.png);
-      top: 4px;
+      content: url(../assets/images/icon-filter-v2-black-16x16@2x.png);
+      transform: scale(0.5);
+      top: -2px;
+      left: -6px;
     }
   }