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
2022-09-08 13:59:24 +00:00
parent 2380b4f313
commit df014bd508
3 changed files with 7 additions and 3 deletions
@@ -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;
      }
@@ -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;
    }
  }