From 4662d9ca00cef11303c20ba509e9c50f389095bf Mon Sep 17 00:00:00 2001
From: Simon Malesys <simon.malesys@pasteur.fr>
Date: Thu, 18 Jan 2024 15:34:46 +0100
Subject: [PATCH] Remove overused css rules

---
 src/client/components/AdvancedSearch.vue | 20 ++++----------------
 src/client/components/SearchBar.vue      |  3 ---
 2 files changed, 4 insertions(+), 19 deletions(-)

diff --git a/src/client/components/AdvancedSearch.vue b/src/client/components/AdvancedSearch.vue
index a7b05fca..5cbb23f9 100644
--- a/src/client/components/AdvancedSearch.vue
+++ b/src/client/components/AdvancedSearch.vue
@@ -171,18 +171,15 @@ function removeFilter (filterChip: FilterChip): void {
 }
 
 .filter-chip {
-  border: 1px solid var(--primary);
   border-radius: 16px;
+  border: 1px solid var(--primary);
   color: var(--primary);
-  display: flex;
-  align-items: center;
   padding-left: 8px;
 }
 
 .filter-chip .remove-button {
   color: inherit;
   padding: 6px;
-  background: none;
   border: none;
   cursor: pointer;
 }
@@ -192,16 +189,9 @@ function removeFilter (filterChip: FilterChip): void {
 }
 
 .advanced-search-button {
-  background: none;
   border: none;
-  color: var(--white);
-  cursor: pointer;
   margin-left: auto;
-  padding-top: calc(var(--spacing) / 2);
-
-  &:hover {
-    color: var(--primary);
-  }
+  padding-right: 0;
 }
 
 .advanced-search-dialog h2 {
@@ -244,12 +234,10 @@ function removeFilter (filterChip: FilterChip): void {
 
 .search-button {
   background-color: var(--primary);
-  border-radius: var(--radius);
   border: none;
-  color: var(--white);
-  cursor: pointer;
   font-weight: 700;
   height: 40px;
-  padding: 7px var(--spacing);
+  padding-left: var(--spacing);
+  padding-right: var(--spacing);
 }
 </style>
diff --git a/src/client/components/SearchBar.vue b/src/client/components/SearchBar.vue
index c18881fe..de3ec406 100644
--- a/src/client/components/SearchBar.vue
+++ b/src/client/components/SearchBar.vue
@@ -110,10 +110,7 @@ function fetchAntibodies (): void {
 
 .search-button {
   background-color: var(--primary);
-  border-radius: var(--radius);
   border: none;
-  color: var(--white);
-  cursor: pointer;
   font-weight: bold;
   padding: calc(var(--spacing) / 2) var(--spacing);
 }
-- 
GitLab