From 2bb1e1eae9ce89df98c22d2831d09b356bb506e3 Mon Sep 17 00:00:00 2001
From: "Chrysanthe (chgo)" <chgo@odoo.com>
Date: Wed, 3 Apr 2024 10:57:18 +0000
Subject: [PATCH] [FIX] website_sale: fix eCommerce categories form view mobile

This commit fixes a layout issue inside the eCommerce categories form
view on mobile devices.

Prior to this commit, a `.oe_left` class was applied to the content of
the sheet, moving it "out of the flow", resulting in a wrong sized
`form_sheet`.

To fix the issue, we remove the `.oe_left` class, we apply a `.col-md-4`
`col-lg-6` to handle the width on large devices, and add a `.pe-3` to ensure that
the labels are not placed right next to the image in mobile.

task-3847917

closes odoo/odoo#160422

X-original-commit: 6aca24b14330b7681f8307f818135bd2bf71ab08
Signed-off-by: Valentin Chevalier <vcr@odoo.com>
---
 addons/website_sale/views/product_views.xml | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/addons/website_sale/views/product_views.xml b/addons/website_sale/views/product_views.xml
index cf69cb65c32..7d2401f19e7 100644
--- a/addons/website_sale/views/product_views.xml
+++ b/addons/website_sale/views/product_views.xml
@@ -228,8 +228,8 @@
             <form string="Website Public Categories">
                 <sheet>
                     <field name="image_1920" widget="image" class="oe_avatar" options="{'preview_image': 'image_128'}"/>
-                    <div class="float-start">
-                        <group>
+                    <div>
+                        <group class="col-md-4 col-lg-6 pe-3">
                             <field name="name"/>
                             <field name="parent_id"/>
                             <field name="website_id" options="{'no_create': True}" groups="website.group_multi_website"/>