Fix search bar height

Author: BenjaminCharmes

webapp/src/components/DynamicDataTableButtons.vue

@@ -89,14 +89,14 @@
           </template>
         </MultiSelect>
 
-        <IconField class="ms-2">
+        <IconField class="ms-2 d-flex align-items-center">
           <InputIcon>
             <font-awesome-icon icon="search" />
           </InputIcon>
           <InputText
             v-model="localFilters.global.value"
             data-testid="search-input"
-            class="search-input"
+            class="search-input form-control"
             placeholder="Search"
           />
         </IconField>
@@ -166,7 +166,7 @@
               :model-value="selectedColumns"
               :options="availableColumns"
               :option-label="columnLabel"
-              class="w-100"
+              class="form-select"
               display="chip"
               @update:model-value="updateColumnsAndCloseModal"
             />
@@ -325,13 +325,3 @@ export default {
   },
 };
 </script>
-
-<style scoped>
-.search-input {
-  height: calc(1.5em + 0.75rem + 2px);
-  padding: 0.375rem 0.75rem;
-  font-size: 1rem;
-  line-height: 1.5;
-  border-radius: 0.25rem;
-}
-</style>