feat(ui) - custom metrics - fix css file case sense

frontend/app/components/shared/Filters/FilterValueDropdown/FilterValueDropdown.css

@@ -4,10 +4,10 @@
   background-color: white !important;
   display: flex;
   align-items: center;
-  height: 30px;
+  height: 26px;
 
   & .right {
-    height: 28px;
+    height: 26px;
     display: flex;
     align-items: stretch;
     padding: 0;

frontend/app/components/shared/SaveSearchModal/SaveSearchModal.css

@@ -1,15 +1,23 @@
-@import 'mixins.css';
-
 .modalHeader {
-    display: flex !important;
-    align-items: center;
-    justify-content: space-between;
+  display: flex !important;
+  align-items: center;
+  justify-content: space-between;
 }
 
 .cancelButton {
-    @mixin plainButton;
+  background-color: transparent !important;
+  border: solid thin transparent !important;
+  color: $teal !important;
+  &:hover {
+    background-color: $active-blue !important;
+  }
 }
 
 .applyButton {
-    @mixin basicButton;
+  background-color: white !important;
+  border: solid thin $active-blue-border !important;
+  color: $teal !important;
+  &:hover {
+    background-color: $active-blue !important;
+  }
 }

frontend/app/components/shared/SaveSearchModal/SaveSearchModal.tsx

@@ -73,6 +73,6 @@ function SaveSearchModal(props: Props) {
 
 export default connect(state => ({
   filter: state.getIn(['search', 'instance']),
-  loading: state.getIn([ 'filters', 'saveRequest', 'loading' ]) || 
-    state.getIn([ 'filters', 'updateRequest', 'loading' ]),
+  loading: state.getIn([ 'search', 'saveRequest', 'loading' ]) || 
+    state.getIn([ 'search', 'updateRequest', 'loading' ]),
 }), { edit, save })(SaveSearchModal);