From f1deb8a4570455146f02e20140187f14e1644629 Mon Sep 17 00:00:00 2001
From: Romain Estievenart <res@odoo.com>
Date: Sun, 15 Jan 2023 12:28:27 +0000
Subject: [PATCH] [FIX] web: switch view position on small screen
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Before this commit, the switch view was in the middle of the CP instead
of the right. This was due to the customizations of the form control
panel, this commit scopes these customizations to the form only.

Steps to reproduce:

* On mobile device, open "Project"
* The view switch is not correctly aligned to the right and not all the
  views are visible in the popover

closes odoo/odoo#110343

X-original-commit: baddfad44c34d36f26defda8fb8378003d4de4a3
Signed-off-by: Adrien Dieudonné (adr) <adr@odoo.com>
Signed-off-by: Romain Estievenart (res) <res@odoo.com>
Co-authored-by: Adrien Dieudonne <adr@odoo.com>
Co-authored-by: Romeo Fragomeli <rfr@odoo.com>
---
 .../web/static/src/search/control_panel/control_panel.scss | 7 +------
 .../src/views/form/control_panel/form_control_panel.xml    | 3 ++-
 2 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/addons/web/static/src/search/control_panel/control_panel.scss b/addons/web/static/src/search/control_panel/control_panel.scss
index 543c76e9630..a3f365978fa 100644
--- a/addons/web/static/src/search/control_panel/control_panel.scss
+++ b/addons/web/static/src/search/control_panel/control_panel.scss
@@ -17,6 +17,7 @@
 
     @include media-breakpoint-down(md) {
         > div.o_cp_bottom {
+            justify-content: space-between;
             min-height: auto;
         }
 
@@ -63,10 +64,6 @@
             }
         }
 
-        .o_cp_bottom_left, .o_cp_bottom_right {
-            flex: 1 1 auto;
-        }
-
         .o_cp_switch_buttons {
             &.show > .dropdown-menu {
                 display: inline-flex;
@@ -189,8 +186,6 @@
     .o_cp_bottom_right {
         display: flex;
         flex-wrap: wrap;
-        justify-content: space-between;
-        align-items: center;
 
         @include media-breakpoint-up(md) {
             column-gap: $o-horizontal-padding;
diff --git a/addons/web/static/src/views/form/control_panel/form_control_panel.xml b/addons/web/static/src/views/form/control_panel/form_control_panel.xml
index a05ac2c6dfd..410e1a97615 100644
--- a/addons/web/static/src/views/form/control_panel/form_control_panel.xml
+++ b/addons/web/static/src/views/form/control_panel/form_control_panel.xml
@@ -16,7 +16,8 @@
                         </t>
                     </t>
                 </div>
-                <div class="o_cp_bottom_right w-auto flex-shrink-0">
+                <div class="o_cp_bottom_right w-auto flex-shrink-0 justify-content-between align-items-center"
+                     t-att-class="{ 'flex-grow-1' : env.isSmall }">
                     <t t-if="env.isSmall">
                         <t t-slot="control-panel-status-indicator" />
                     </t>