From 0187b41ea43d76f2a450432a5ca363e1ec80f768 Mon Sep 17 00:00:00 2001
From: Brieuc-brd <brd@odoo.com>
Date: Tue, 2 Aug 2022 08:37:05 +0000
Subject: [PATCH] [REF] utm: review and simplify scss

Part of the overall v16 SCSS optimization/restyle, task-2704984

task-2892062

Part-of: odoo/odoo#96195
---
 addons/utm/static/src/scss/utm_views.scss | 25 ++++++-----------------
 addons/utm/views/utm_campaign_views.xml   |  2 +-
 2 files changed, 7 insertions(+), 20 deletions(-)

diff --git a/addons/utm/static/src/scss/utm_views.scss b/addons/utm/static/src/scss/utm_views.scss
index b19fe422b14..34f47b5ac18 100644
--- a/addons/utm/static/src/scss/utm_views.scss
+++ b/addons/utm/static/src/scss/utm_views.scss
@@ -1,27 +1,14 @@
-.o_utm_kanban {
-    .o_kanban_group {
-        padding: 0 ($grid-gutter-width * .25) $grid-gutter-width;
-
-        &:not(.o_column_folded) {
-            width: 380px;
-		}
-	}
+.o_kanban_renderer.o_utm_kanban {
+    --KanbanRecord-width: #{380px - 2 * ($grid-gutter-width * .25)};
+    --KanbanGroup-padding-h: #{$grid-gutter-width * .25};
+    --KanbanGroup-padding-bottom: #{$grid-gutter-width};
 
     #o_utm_actions {
-        margin: 0 ($o-kanban-dashboard-hpadding * -.5);
+        margin: 0 calc(var(--KanbanRecord-padding-h) * -1);
 
         > a {
-            border-color: rgba($border-color, .5);
-            padding: ($o-kanban-dashboard-hpadding * .25) ($o-kanban-dashboard-hpadding * .5);
+            padding: var(--KanbanRecord-gap-inner-v) var(--KanbanRecord-padding-h);
             white-space: nowrap;
         }
-
-        > :first-child {
-            border-left: 0;
-        }
-
-        > :last-child {
-            border-right: 0;
-        }
     }
 }
diff --git a/addons/utm/views/utm_campaign_views.xml b/addons/utm/views/utm_campaign_views.xml
index 58e143de47e..e56d7434b33 100644
--- a/addons/utm/views/utm_campaign_views.xml
+++ b/addons/utm/views/utm_campaign_views.xml
@@ -107,7 +107,7 @@
                                 </div>
                                 <div class="o_kanban_record_body">
                                     <field name="tag_ids" widget="many2many_tags" options="{'color_field': 'color'}"/>
-                                    <ul id="o_utm_actions" class="list-group list-group-horizontal"/>
+                                    <ul id="o_utm_actions" class="list-group list-group-horizontal my-0"/>
                                 </div>
                                 <div class="o_kanban_record_bottom h5 mt-2 mb-0">
                                     <div id="utm_statistics" class="d-flex flex-grow-1 text-600 mt-1"/>