fix spacing

Shopify · Apr 1, 2022 · 7a222b0 · 7a222b0
1 parent e4ade8f
commit 7a222b0
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/assets/component-facets.css b/assets/component-facets.css
@@ -996,7 +996,7 @@ input.mobile-facets__checkbox {
     display: none;
   }
 
-  .no-js .facets-vertical .facets-wrapper--no-filter {
+  .no-js .facets-vertical .facets-wrapper--no-filters {
     display: block;
   }
 
@@ -1040,8 +1040,9 @@ input.mobile-facets__checkbox {
     margin-bottom: 1.5rem;
   }
 
-  .facets-vertical .facet-filters.sorting.no-js {
+  .no-js .facets-vertical .facet-filters.sorting {
     padding-left: 0;
+    flex-direction: column;
   }
 
   .facets-vertical .facet-checkbox input[type='checkbox'] {
@@ -1079,7 +1080,7 @@ input.mobile-facets__checkbox {
   }
 
   .facets-container-drawer .product-count {
-    margin-left: 3.5rem;
+    margin:0 0 0.5rem 3.5rem;
   }
 
   .facets-container-drawer .facets-pill {

diff --git a/snippets/facets.liquid b/snippets/facets.liquid
@@ -354,8 +354,8 @@
     {% comment %} Sorting for vertical filter are grouped with filter when no JS{% endcomment %}
     {%- if enable_sorting and filter_type == 'vertical' -%}
       <facet-filters-form class="small-hide">
-        <form>
-          <div class="facet-filters sorting caption no-js">
+        <form class="no-js">
+          <div class="facet-filters sorting caption">
             <div class="facet-filters__field">
               <h2 class="facet-filters__label caption-large text-body">
                 <label for="SortBy">{{ 'products.facets.sort_by_label' | t }}</label>