[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

@@ -309,7 +309,8 @@
             }
             .dropdown-menu {
                 margin-top: -1px;
-                min-width: 11rem;
+                margin-bottom: 0px;
+                min-width: 9rem;
             }
         }
 

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-"] {

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