Make tomselect advanced search multi-select facets consistently style…

…d with the text input fields

VERSION

@@ -1 +1 @@
-3.0.4
+3.0.5

app/components/trln_argon/advanced_search_form_component.html.erb

@@ -43,11 +43,9 @@
         <h2 class="limit-criteria-heading h3"><%= t('blacklight.advanced_search.form.limit_criteria_heading_html')%></h2>
 
         <div id="advanced_search_facets" class="limit_input row">
-          <div class="advanced-facet-limits col-md-9 offset-md-3">
-            <% search_filter_controls.each do |control| %>
-              <%= control %>
-            <% end %>
-          </div>
+          <% search_filter_controls.each do |control| %>
+            <%= control %>
+          <% end %>
         </div>
       </div>
     <% end %>

app/components/trln_argon/multi_select_facet_component.html.erb

@@ -1,16 +1,17 @@
-<%= render(@layout.new(facet_field: @facet_field)) do |component| %>
-    <% component.with_label do %>
-      <%= @facet_field.label %>
-    <% end %>
-    <% component.with_body do %>
-      <div class="facet-multi-select p-2">
-        <select <%= tag.attributes(select_attributes.merge(placeholder: t('blacklight_advanced_search.form.placeholder'))) %>>
-          <% presenters.each do |presenter| %>
-            <option <%= tag.attributes(option_attributes(presenter: presenter)) %>>
-              <%= "#{presenter.label} (#{number_with_delimiter(presenter.hits)})" %>
-            </option>
-          <% end %>
-        </select>
-      </div>
-    <% end %>
-  <% end %>
+<div class="row mb-4">
+  <label class="col-12 col-md-3 col-form-label fw-bold" id="<%= @facet_field.key %>_label" for="<%= @facet_field.key %>_select">
+    <%= @facet_field.label %>
+  </label>
+  <div class="col-12 col-md-9">
+    <div class="facet-multi-select">
+      <select id="<%= @facet_field.key %>_select" aria-labelledby="<%= @facet_field.key %>_label"
+        <%= tag.attributes(select_attributes.merge(placeholder: t('blacklight_advanced_search.form.placeholder'))) %>>
+        <% presenters.each do |presenter| %>
+          <option <%= tag.attributes(option_attributes(presenter: presenter)) %>>
+            <%= "#{presenter.label} (#{number_with_delimiter(presenter.hits)})" %>
+          </option>
+        <% end %>
+      </select>
+    </div>
+  </div>
+</div>