From fdf2bd8199a7ddaec3ec85907da8bd7ca7f48e7f Mon Sep 17 00:00:00 2001
From: Dinesh Salunke <dineshsalunke@consultbop.com>
Date: Wed, 6 Dec 2023 15:44:07 +0530
Subject: [PATCH] fix: no wrap for the sorting dropdown

---
 templates/catalog/_partials/sort-orders.tpl | 30 ++++++++++-----------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/templates/catalog/_partials/sort-orders.tpl b/templates/catalog/_partials/sort-orders.tpl
index 3166f83..c92aa7a 100644
--- a/templates/catalog/_partials/sort-orders.tpl
+++ b/templates/catalog/_partials/sort-orders.tpl
@@ -23,21 +23,21 @@
  * International Registered Trademark & Property of PrestaShop SA
  *}
 
-<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"
-      type="button"
-      rel="nofollow"
-      aria-haspopup="true"
-      aria-expanded="false">
-      {if isset($listing.sort_selected)}{$listing.sort_selected}{else}{l s='Select' d='Shop.Theme.Actions'}{/if}
-      <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-chevron-down absolute right-0 top-1" width="16" height="16" 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"></path>
-        <path d="M6 9l6 6l6 -6"></path>
-      </svg>
-    </button>
-    <div class="dropdown-menu hidden group-hover:flex absolute top-full left-0 w-full flex-col bg-white z-10 shadow-lg">
+<div class="relative flex-1 w-full max-w-[240px] group">
+  <button
+    class="dropdown-toggle relative px-4 pr-6 leading-1 w-full text-left"
+    type="button"
+    rel="nofollow"
+    aria-haspopup="true"
+    aria-expanded="false">
+    {if isset($listing.sort_selected)}{$listing.sort_selected}{else}{l s='Select' d='Shop.Theme.Actions'}{/if}
+    <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-chevron-down absolute right-0 top-1" width="16" height="16" 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"></path>
+      <path d="M6 9l6 6l6 -6"></path>
+    </svg>
+  </button>
+  <div class="dropdown-menu hidden group-hover:flex absolute top-full right-0 bg-white z-10 shadow-lg">
+    <div class="flex flex-col whitespace-nowrap">
       {foreach from=$listing.sort_orders item=sort_order}
         <a
           rel="nofollow"