fixed search filters filter select styling

Author: Oaphi

app/assets/stylesheets/search.scss

@@ -4,6 +4,25 @@
   border-top: 1px solid $muted-graphic;
 }
 
+.search-filters-filter {
+  .select2-container {
+    margin: 2px 0;
+
+    .selection {
+      .select2-selection {
+        border-color: $muted-graphic;
+        height: 100%;
+        padding: 4px 0;
+      }
+
+      .select2-selection__arrow {
+        top: 50%;
+        translate: 0 -50%;
+      }
+    }
+  }
+}
+
 .search-filters-constraints {
   display: grid;
   column-gap: 0.5em;

app/views/search/_filters.html.erb

@@ -5,7 +5,7 @@
 <div class="form-group">
   <input name="sort" type="hidden" value="<%= params[:sort] || '' %>" />
 
-  <div class="form-group-horizontal">
+  <div class="form-group-horizontal search-filters-filter">
     <div class="form-group">
       <%= label_tag :predefined_filter, 'Predefined Filters', class: "form-element" %>
       <%= select_tag :predefined_filter, options_for_select([@active_filter[:name]],