From 99432214dde78de20982d786facdbfa49b5793a8 Mon Sep 17 00:00:00 2001
From: "stefanorigano (SRI)" <sri@odoo.com>
Date: Tue, 12 Oct 2021 14:27:38 +0000
Subject: [PATCH] [FIX] website_sale: allow search-bar to extend in product
 page

task#2667024

Part-of: odoo/odoo#79651
---
 .../website_sale/static/src/scss/website_sale.scss  | 13 ++++++-------
 addons/website_sale/views/templates.xml             |  4 ++--
 2 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/addons/website_sale/static/src/scss/website_sale.scss b/addons/website_sale/static/src/scss/website_sale.scss
index 0c18c2ed7f5..1fdad0c5cbf 100644
--- a/addons/website_sale/static/src/scss/website_sale.scss
+++ b/addons/website_sale/static/src/scss/website_sale.scss
@@ -84,13 +84,6 @@ $o-wsale-products-layout-grid-gutter-width: min($grid-gutter-width / 2, $o-wsale
         }
     }
 
-    .o_wsale_products_searchbar_form {
-        flex-grow: 1;
-        @include media-breakpoint-up(md) {
-            max-width: 450px;
-        }
-    }
-
     .table-striped tbody tr:nth-of-type(even) {
         background-color: rgba(0, 0, 0, 0.025);
     }
@@ -281,6 +274,12 @@ $o-wsale-products-layout-grid-gutter-width: min($grid-gutter-width / 2, $o-wsale
 }
 
 #products_grid {
+    .o_wsale_products_searchbar_form {
+        @include media-breakpoint-up(md) {
+            max-width: 450px;
+        }
+    }
+
     .o_wsale_products_grid_table_wrapper > .table {
         table-layout: fixed;
 
diff --git a/addons/website_sale/views/templates.xml b/addons/website_sale/views/templates.xml
index 64772bc9f2c..bdeb151af49 100644
--- a/addons/website_sale/views/templates.xml
+++ b/addons/website_sale/views/templates.xml
@@ -133,7 +133,7 @@
     <!-- Search Bar input-group template -->
     <template id="search" name="Search Box">
         <t t-call="website.website_search_box_input">
-            <t t-set="_form_classes" t-valuef="o_wsale_products_searchbar_form w-100 w-md-auto mr-auto mb-2"/>
+            <t t-set="_form_classes" t-valuef="o_wsale_products_searchbar_form w-100 w-md-auto mr-auto mb-2 flex-grow-1"/>
             <t t-set="_classes" t-valuef=" "/>
             <t t-set="search_type" t-valuef="products"/>
             <t t-set="action" t-value="keep('/shop'+ ('/category/'+slug(category)) if category else None, search=0) or '/shop'"/>
@@ -585,7 +585,7 @@
                                     <t t-set="_classes" t-value="'mb-2 mr-sm-2'"/>
                                 </t>
                                 <t t-call="website_sale.pricelist_list">
-                                    <t t-set="_classes" t-valuef="ml-1 mb-2 float-right"/>
+                                    <t t-set="_classes" t-valuef="ml-2 mb-2 float-right"/>
                                 </t>
                             </div>
                         </div>