Remove overused css rules

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>

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);
 }