From f62acbe3c18a3ed3a27b2a41575dbaa74acbacad Mon Sep 17 00:00:00 2001
From: luvi <luvi@odoo.com>
Date: Wed, 27 Jul 2022 08:48:42 +0000
Subject: [PATCH] [FIX] web: StateSelectionField style

Previously, unnecessary space was present horizontally
around the status circle. This space has been adapted
to improve the style of the widget in views.

closes odoo/odoo#96831

Signed-off-by: Simon Genin (ges@odoo) <ges@odoo.com>
---
 .../state_selection/state_selection_field.xml      | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/addons/web/static/src/views/fields/state_selection/state_selection_field.xml b/addons/web/static/src/views/fields/state_selection/state_selection_field.xml
index 9dbfd64fce9..8ece1ad9637 100644
--- a/addons/web/static/src/views/fields/state_selection/state_selection_field.xml
+++ b/addons/web/static/src/views/fields/state_selection/state_selection_field.xml
@@ -4,23 +4,23 @@
     <t t-name="web.StateSelectionField" owl="1">
         <t t-if="isReadonly">
             <button class="d-flex align-items-center btn btn-link disabled">
-                <span t-attf-class="{{ 'mx-2 o_status ' + statusColor(currentValue) }} "/>
-                <span t-if="showLabel" class="o_status_label" t-esc="label"/>
+                <span t-attf-class="o_status {{ statusColor(currentValue) }} "/>
+                <span t-if="showLabel" class="o_status_label ms-1" t-esc="label"/>
             </button>
         </t>
         <t t-else="">
-            <Dropdown title="currentValue" togglerClass="'btn btn-link d-flex'">
+            <Dropdown title="currentValue" togglerClass="'btn btn-link d-flex px-0'">
                 <t t-set-slot="toggler">
                     <div class="d-flex align-items-center">
-                        <span t-attf-class="{{ 'mx-2 o_status ' + statusColor(currentValue) }} "/>
-                        <span t-if="showLabel" class="o_status_label" t-esc="label"/>
+                        <span t-attf-class="o_status {{ statusColor(currentValue) }} "/>
+                        <span t-if="showLabel" class="o_status_label ms-1" t-esc="label"/>
                     </div>
                 </t>
                 <t t-foreach="availableOptions" t-as="option" t-key="option[0]">
                     <DropdownItem t-if="option[0] != currentValue" onSelected="() => props.update(option[0])">
                         <div class="d-flex align-items-center">
-                            <span t-attf-class="{{ 'mx-2 o_status ' + statusColor(option[0]) }} "/>
-                            <span t-esc="option[1]"/>
+                            <span t-attf-class="o_status {{ statusColor(option[0]) }} "/>
+                            <span class="ms-2" t-esc="option[1]"/>
                         </div>
                     </DropdownItem>
                 </t>