Improve slightly price filter UI

Author: Zales0123

src/Form/Builder/RangeFacetFormBuilder.php

@@ -20,6 +20,7 @@ public function build(FormBuilderInterface $builder, array $values, Facet $facet
         $builder->add($facet->name, RangeType::class, [
             'label' => sprintf('setono_sylius_meilisearch.form.search.facet.%s', u($facet->name)->snake()),
             'required' => false,
+            'block_prefix' => 'setono_sylius_meilisearch_facet_range',
         ]);
     }
 

src/Resources/views/search_theme.html.twig

@@ -4,7 +4,20 @@
         <ul>
             <li>{{- form_widget(form) -}}{{ form_label(form) }}</li>
         </ul>
+    </div>
+{% endblock %}
 
+{% block setono_sylius_meilisearch_facet_range_row %}
+    <div class="facet facet-checkbox">
+        {{ form_label(form) }}
+        <div class="ui small labeled input" style="margin-bottom: 1rem;">
+            <div class="ui label">{{ form_label(form.min) }}</div>
+            {{ form_widget(form.min, {'attr': {'class': 'small'}}) }}
+        </div>
+        <div class="ui small labeled input">
+            <div class="ui label">{{ form_label(form.max) }}</div>
+            {{ form_widget(form.max, {'attr': {'class': 'small'}}) }}
+        </div>
     </div>
 {% endblock %}