stopped clear button from moving on hover

- stopped the move on hover - adjusted hover color - removed borders address #815
DARPA-ASKEM · Mar 14, 2023 · f2fcf72 · f2fcf72
1 parent c85485e
commit f2fcf72
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/packages/client/hmi-client/src/assets/css/theme/_variables.scss b/packages/client/hmi-client/src/assets/css/theme/_variables.scss
@@ -898,7 +898,7 @@ $imagePreviewActionIconBorderRadius: 50% !default;
 	--surface-overlay: #ffffff;
 	--surface-ground: var(--gray-100);
 	--surface-highlight: #E3EFE4;
-	--surface-hover: var(--gray-200);
+	--surface-hover: var(--gray-100);
 	--surface-secondary: #F9FAFB;
 	--surface-section: #ffffff;
 	--text-color: #{$textColor};

diff --git a/packages/client/hmi-client/src/page/data-explorer/components/search-bar.vue b/packages/client/hmi-client/src/page/data-explorer/components/search-bar.vue
@@ -296,6 +296,9 @@ i {
 }
 
 .pi.pi-times.clear-search {
+	padding: 0.5rem;
+	border-radius: 1rem;
+	top: 1rem;
 	right: 4rem;
 }