Merge pull request #2530 from patzick/feature/#2458-filters-adjustment

Feature/#2458 filters adjustment

Author: patzick

CHANGELOG.md

@@ -43,6 +43,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - fix price is never below 0 and user can't add 0 or below 0 products to cart @RakowskiPrzemyslaw (#2437)
 - Check for placing single order in case of error in any payment module - @patzick (#2409)
 - Display prices in products added in offline mode. - @patzick (#2450)
+- Improved styles on recommentation filters - @patzick (#2458)
 
 ### Deprecated / Removed
 - `@vue-storefront/store` package deprecated - @filrak

src/themes/default/components/core/GenericSelector.vue

@@ -26,6 +26,7 @@ export default {
     height: 40px;
     padding-left: 8px;
     padding-right: 8px;
+    min-width: 50px;
 
     &:hover,
     &:focus {

src/themes/default/components/core/blocks/Category/Sidebar.vue

@@ -52,10 +52,10 @@
           :content="price.label"
         />
       </div>
-      <div v-else>
+      <div v-else class="sidebar__inline-selecors">
         <generic-selector
           context="category"
-          class="price-select mb10 block"
+          class="mr10 mb10 block"
           :code="filterIndex"
           v-for="(option, index) in filter"
           :key="index"
@@ -108,5 +108,9 @@ export default {
     align-items: center;
     min-height: 47px;
   }
+
+  &__inline-selecors {
+    display: flex;
+  }
 }
 </style>