From 1d40c4f141533c819c5d0488accf446c92ac42b1 Mon Sep 17 00:00:00 2001
From: Tejas Chari <tejasc@consultbop.com>
Date: Wed, 22 Nov 2023 13:56:12 +0530
Subject: [PATCH] refactor: fixed the alignment of the product top bar for sort
 by and filter button

---
 templates/catalog/_partials/products-top.tpl | 4 ++--
 templates/catalog/_partials/sort-orders.tpl  | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/templates/catalog/_partials/products-top.tpl b/templates/catalog/_partials/products-top.tpl
index 9c9cd41..bfef0b2 100644
--- a/templates/catalog/_partials/products-top.tpl
+++ b/templates/catalog/_partials/products-top.tpl
@@ -28,7 +28,7 @@
   <!-- Top Bar With Filter Button and Sort By Selector -->
   <div class="flex justify-between">
     <!-- Show Filters Button -->
-    <div>
+    <div class="flex">
       <button id="show-filters" type="button" class="flex space-x-2 items-center">
         <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-filter" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
           <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
@@ -38,7 +38,7 @@
       </button>
     </div>
     <!-- Sort By Dropdown -->
-    <div>
+    <div class="flex">
       {block name='sort_by'}
         {include file='catalog/_partials/sort-orders.tpl' sort_orders=$listing.sort_orders}
       {/block}
diff --git a/templates/catalog/_partials/sort-orders.tpl b/templates/catalog/_partials/sort-orders.tpl
index 7bc3b8e..ffa7865 100644
--- a/templates/catalog/_partials/sort-orders.tpl
+++ b/templates/catalog/_partials/sort-orders.tpl
@@ -23,7 +23,7 @@
  * International Registered Trademark & Property of PrestaShop SA
  *}
 
-<div class="relative flex gap-2 lg:items-center top-4 lg:top-0">
+<div class="relative flex">
   <div class="relative flex-1 max-w-[140px] group">
     <button
       class="dropdown-toggle relative px-4 pr-6 leading-1 w-full text-left"