_search_fields.html.erb in blacklight-spotlight-4.0.0

- old
+ new

@@ -12,17 +12,17 @@
       <% current_exhibit.blacklight_config.search_fields.select { |_, config| config.if }.each do |key, search_config| %>
         <% translation = Translation.find_or_initialize_by(exhibit: current_exhibit, key: "blacklight.search.fields.search.#{key}", locale: @language) %>
         <%= f.fields_for :translations, translation do |translation_fields| %>
           <%= translation_fields.hidden_field :key %>
           <%= translation_fields.hidden_field :locale %>
-          <div data-translation-progress-item='true' class='row form-group translation-form'>
+          <div data-translation-progress-item='true' class='row form-group mb-3 translation-form'>
             <%= translation_fields.label :value, t("spotlight.search.fields.search.#{key}", locale: I18n.default_locale), class: 'col-form-label col-12 col-sm-2' %>
             <div class='col-11 col-sm-9 card card-body panel-translation'>
               <%= translation_fields.text_field_without_bootstrap :value, class: 'form-control' %>
-              <small class="form-text text-muted">
+              <div class="form-text text-muted mb-3">
                 <%= search_config.label %>
-              </small>
+              </div>
             </div>
             <div class='col-1'>
               <% if translation.value.present? %>
                 <span data-translation-present="true">
                   <%= blacklight_icon('check', classes: 'translation-complete') %>
@@ -42,17 +42,17 @@
       <% current_exhibit.blacklight_config.facet_fields.each do |key, facet_config| %>
         <% translation = Translation.find_or_initialize_by(exhibit: current_exhibit, key: "blacklight.search.fields.facet.#{key}", locale: @language) %>
         <%= f.fields_for :translations, translation do |translation_fields| %>
           <%= translation_fields.hidden_field :key %>
           <%= translation_fields.hidden_field :locale %>
-          <div data-translation-progress-item='true' class='row form-group translation-form'>
+          <div data-translation-progress-item='true' class='row form-group mb-3 translation-form'>
             <%= translation_fields.label :value, t("spotlight.search.fields.facet.#{key}", locale: I18n.default_locale), class: 'col-form-label col-12 col-sm-2' %>
             <div class='col-11 col-sm-9 card card-body panel-translation'>
               <%= translation_fields.text_field_without_bootstrap :value, class: 'form-control' %>
-              <small class="form-text text-muted">
+              <div class="form-text text-muted mb-3">
                 <%= facet_config.label %>
-              </small>
+              </div>
             </div>
             <div class='col-1'>
               <% if translation.value.present? %>
                 <span data-translation-present="true">
                   <%= blacklight_icon('check', classes: 'translation-complete') %>
@@ -72,16 +72,16 @@
       <% current_exhibit.blacklight_config.sort_fields.each do |key, sort_config| %>
         <% translation = Translation.find_or_initialize_by(exhibit: current_exhibit, key: "blacklight.search.fields.sort.#{key}", locale: @language) %>
         <%= f.fields_for :translations, translation do |translation_fields| %>
           <%= translation_fields.hidden_field :key %>
           <%= translation_fields.hidden_field :locale %>
-          <div data-translation-progress-item='true' class='row form-group translation-form'>
+          <div data-translation-progress-item='true' class='row form-group mb-3 translation-form'>
             <%= translation_fields.label :value, t("spotlight.search.fields.sort.#{key}", locale: I18n.default_locale), class: 'col-form-label col-12 col-sm-2' %>
             <div class='col-11 col-sm-9 card card-body panel-translation'>
               <%= translation_fields.text_field_without_bootstrap :value, class: 'form-control' %>
-              <small class="form-text text-muted">
+              <div class="form-text text-muted mb-3">
                 <%= sort_config.label %>
-              </small>
+              </div>
             </div>
             <div class='col-1'>
               <% if translation.value.present? %>
                 <span data-translation-present="true">
                   <%= blacklight_icon('check', classes: 'translation-complete') %>