[FIX] web: switch view position on small screen

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>

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;

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>