From 2b2d0e8b7ebbb3d5aa8a2ef5f8124b570e84e8f1 Mon Sep 17 00:00:00 2001
From: Ritika Rathore <rari@odoo.com>
Date: Fri, 15 Sep 2023 10:44:47 +0000
Subject: [PATCH] [FIX] web: fix color alignment in the kanban view

Steps:
- Install Field Service
- Open the Field Service module
- Click on the configuration
- Go to the Worksheet Template
- Now go to the kanban view
- In view, Click on dropdown menu of any card

Issue:
- In kanban view, when we are viewing in dropdown menu colors are not correctly
 centered.

Fix:
- Added in kanban color picker mb-0 & ms-2 for margin space from bottom & left.

Task-3508241

closes odoo/odoo#140807

X-original-commit: 97e90710f5f2e300131df442bba833a5e7ece29e
Signed-off-by: Xavier Bol (xbo) <xbo@odoo.com>
---
 addons/web/static/src/views/kanban/kanban_controller.scss | 3 ++-
 addons/web/static/src/views/kanban/kanban_dashboard.scss  | 1 +
 addons/web/static/src/views/kanban/kanban_renderer.xml    | 2 +-
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/addons/web/static/src/views/kanban/kanban_controller.scss b/addons/web/static/src/views/kanban/kanban_controller.scss
index 3ceaeeeba60..1d018f215ce 100644
--- a/addons/web/static/src/views/kanban/kanban_controller.scss
+++ b/addons/web/static/src/views/kanban/kanban_controller.scss
@@ -309,7 +309,8 @@
             }
             .dropdown-menu {
                 margin-top: -1px;
-                min-width: 11rem;
+                margin-bottom: 0px;
+                min-width: 9rem;
             }
         }
 
diff --git a/addons/web/static/src/views/kanban/kanban_dashboard.scss b/addons/web/static/src/views/kanban/kanban_dashboard.scss
index 428c56792ef..3c1f0aeb14f 100644
--- a/addons/web/static/src/views/kanban/kanban_dashboard.scss
+++ b/addons/web/static/src/views/kanban/kanban_dashboard.scss
@@ -160,6 +160,7 @@
                 .oe_kanban_colorpicker {
                     max-width: none;
                     padding: 0;
+                    margin-left: 2px !important;
                 }
 
                 div[class*="col-"] + div[class*="col-"] {
diff --git a/addons/web/static/src/views/kanban/kanban_renderer.xml b/addons/web/static/src/views/kanban/kanban_renderer.xml
index d229cf3451c..0616d1d41c2 100644
--- a/addons/web/static/src/views/kanban/kanban_renderer.xml
+++ b/addons/web/static/src/views/kanban/kanban_renderer.xml
@@ -123,7 +123,7 @@
     </t>
 
     <t t-name="web.KanbanColorPicker">
-        <ul t-if="this.dataState.widget.editable" class="oe_kanban_colorpicker">
+        <ul t-if="this.dataState.widget.editable" class="oe_kanban_colorpicker mb-0 ms-2">
             <!--
                 Used in KanbanRecord
                 Note: `props` is only accessible through `this` as we call the compiled template with