fix(extra-features): Product card grid now uses bootstrap cols

The product cards should use bootstrap instead of display grid for easier edits and consistency

falcon/_dev/css/theme/custom/components/_buttons.scss

@@ -13,14 +13,4 @@ $btn-color: (
     .btn-sm-#{$name} {
         color: $color !important;
     }
-    .btn-outline-#{$name},
-    .btn-lg-outline-#{$name},
-    .btn-sm-outline-#{$name} {
-        color: $color;
-        &:hover,
-        &:focus,
-        &:active {
-            color: $color !important;
-        }
-    }
 }

falcon/templates/_partials/pagination.tpl

@@ -26,8 +26,12 @@
 
 {block name='pagination_page_list'}
   {if $pagination.should_be_displayed}
+    <div class="d-flex justify-content-between align-items-center">
+        <div class="results__block">
+            {l s='%curr_numer% van %total_items% resultaten' sprintf=['%curr_numer%' => $pagination.items_shown_to,'%total_items%' => $pagination.total_items] d='Shop.Theme.Actions'}
+        </div>
         <nav>
-      <ul class="pagination justify-content-center mt-4 mb-2">
+            <ul class="pagination justify-content-center m-0">
                 {foreach from=$pagination.pages item="page"}
                 <li  class="page-item{if $page.current} active{/if} {if $page.type === 'spacer'}disabled{/if}">
                     {if $page.type === 'spacer'}
@@ -59,5 +63,6 @@
                 {/foreach}
             </ul>
         </nav>
+    </div>
   {/if}
 {/block}

falcon/templates/catalog/_partials/miniatures/product.tpl

@@ -26,7 +26,7 @@
   {$listingType = $type|default:'listing'}
   <div
     {if $listingType === 'listing'}
-      class="products-list__block products-list__block--grid"
+      class="products-list__block col col-sm-6 col-lg-4 col-xl-3"
     {elseif $listingType === 'slider'}
       class="swiper-slide product-slider__item col-6 col-md-4 col-lg-3"
     {/if}