[FIX] web: mobile form view: statusbar button is primary

Since the conversion of the form view to owl, the statusbar field
in mobile wasn't displayed as before: it used to be a btn-primary
button (dropdown), and it wasn't anymore. This commit re-introduces
the previous design. Moreover, we adapt the style of the statusbar
button (on the left) to make it more consistent with the field on
the right (no padding + caret as it is a dropdown).

closes odoo/odoo#110629

X-original-commit: 1ba4bc2d001667fc6c2e7f7a1482b5c79bb4c3a5
Signed-off-by: Pierre Paridans (app) <app@odoo.com>
Signed-off-by: Aaron Bohy (aab) <aab@odoo.com>

addons/web/static/src/views/fields/statusbar/statusbar_field.xml

@@ -6,7 +6,7 @@
             <t t-set="items" t-value="computeItems()" />
 
             <t t-if="items.folded.length">
-                <button type="button" class="btn o_arrow_button dropdown-toggle text-uppercase">
+                <button type="button" class="btn dropdown-toggle text-uppercase" t-att-class="{ 'o_arrow_button': !env.isSmall, 'btn-primary': env.isSmall }">
                     <Dropdown toggler="'parent'">
                         <t t-foreach="items.folded" t-as="item" t-key="item.id">
                             <DropdownItem class="getDropdownItemClassNames(item)" onSelected="() => this.selectItem(item)">

addons/web/static/src/views/form/form_controller.scss

@@ -287,17 +287,19 @@
 
     // Statusbar
     .o_form_statusbar {
-        padding-left: $o-horizontal-padding;
+        @include media-breakpoint-up(md) {
+            padding-left: $o-horizontal-padding;
+        }
         background-color: $o-view-background-color;
 
         > .o_statusbar_status {
             display: flex;
             align-items: center;
             align-content: space-around;
-            
+
             > .o_arrow_button {
                 font-weight: $font-weight-bold;
-    
+
                 // Last element at the right should respect overall padding
                 &:first-of-type {
                     padding-right: $o-horizontal-padding;

addons/web/static/src/views/form/status_bar_buttons/status_bar_buttons.xml

@@ -5,7 +5,7 @@
         <div class="o_statusbar_buttons d-flex align-items-center align-content-around">
             <t t-set="slots" t-value="visibleSlotNames" />
             <t t-if="env.isSmall and slots.length > 1">
-                <Dropdown togglerClass="'btn btn-primary'">
+                <Dropdown togglerClass="'btn btn-primary'" showCaret="true">
                     <t t-set-slot="toggler">Action</t>
                     <t t-foreach="slots" t-as="slot" t-key="slot">
                         <DropdownItem class="'o_statusbar_button_dropdown_item'">