From f9bf456ba9816d62626e910f3f066207dec038fe Mon Sep 17 00:00:00 2001
From: Elisabeth Dickinson <edi@odoo.com>
Date: Fri, 30 Jun 2023 14:59:54 +0000
Subject: [PATCH] [FIX] mass_mailing: move buttons up on tablet and fix their
 spacings

The buttons on the Mailing Lists page were under the content and felt
weirdly placed. These have been moved up on smaller devices to be next
to the Total Contacts column, making the visual result more balanced.
Note that these buttons are only visible on tablet and desktop, not
mobile.

The buttons' spacings have been fixed so as to not touch one another.

This commit also fixes the padding on either side of the ungrouped
Kanban card to be aligned with the control panel.

task-3378519
part of task-3326263

closes odoo/odoo#127613

X-original-commit: 8c4dbaa37cccda6a5af5e9c5be216e69ecd4227d
Related: odoo/enterprise#43762
Signed-off-by: Pierre Paridans (app) <app@odoo.com>
---
 .../mass_mailing/static/src/scss/mass_mailing.scss   |  2 ++
 addons/mass_mailing/views/mailing_list_views.xml     | 12 ++++++------
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/addons/mass_mailing/static/src/scss/mass_mailing.scss b/addons/mass_mailing/static/src/scss/mass_mailing.scss
index 9c213709396..7552ddb9a3d 100644
--- a/addons/mass_mailing/static/src/scss/mass_mailing.scss
+++ b/addons/mass_mailing/static/src/scss/mass_mailing.scss
@@ -121,6 +121,8 @@
             display: none !important;
         }
         .o_mailing_list_kanban_ungrouped {
+            --KanbanRecord-padding-h: #{$o-horizontal-padding};
+
             .o_mailing_list_kanban_stats > div {
                 min-width: 70px;
             }
diff --git a/addons/mass_mailing/views/mailing_list_views.xml b/addons/mass_mailing/views/mailing_list_views.xml
index 5fe1c7a43a9..9ea318a9e92 100644
--- a/addons/mass_mailing/views/mailing_list_views.xml
+++ b/addons/mass_mailing/views/mailing_list_views.xml
@@ -169,7 +169,7 @@
                             </div>
                         </div>
                         <!-- Card when the Kanban view is not grouped -->
-                        <div class="oe_kanban_global_click o_mailing_list_kanban_ungrouped d-flex flex-row justify-content-between align-items-center flex-wrap">
+                        <div class="oe_kanban_global_click o_mailing_list_kanban_ungrouped d-flex gap-1 flex-row justify-content-between align-items-center flex-wrap">
                             <div class="col-lg-3 col-sm-6 col-12 py-0 my-auto">
                                 <div class="d-flex text-large">
                                     <span class="d-inline-block text-truncate fw-normal text-large"
@@ -178,7 +178,7 @@
                                     </span>
                                 </div>
                             </div>
-                            <div class="o_mailing_list_kanban_counts col-lg-1 col-12 my-auto d-flex">
+                            <div class="o_mailing_list_kanban_counts col-lg-1 col-6 my-auto d-flex">
                                 <div class="d-flex flex-row justify-content-start justify-content-md-end">
                                     <div class="my-auto p-0">
                                         <button name="action_view_contacts" type="object"
@@ -194,7 +194,7 @@
                                     </div>
                                 </div>
                             </div>
-                            <div class="o_mailing_list_kanban_stats col-lg-5 col-sm-12 col-12 py-0 my-3 my-sm-auto d-flex justify-content-sm-between justify-content-start flex-wrap">
+                            <div class="o_mailing_list_kanban_stats order-4 order-lg-3 col-lg-5 col-sm-12 col-12 py-0 my-3 my-sm-auto d-flex justify-content-sm-between justify-content-start flex-wrap">
                                 <a class="me-sm-0 me-3 text-large" tabindex="-1"
                                     name="action_view_contacts_email" type="object">
                                     <span class="fw-normal">
@@ -239,13 +239,13 @@
                                     <span class="text-muted">Blacklist</span>
                                 </a>
                             </div>
-                            <div class="o_kanban_ungrouped_action_buttons col-12 col-lg-2 py-0 pe-2 ps-md-2 my-md-auto my-2 d-none d-md-flex flex-wrap justify-content-lg-end gap-1">
+                            <div class="o_kanban_ungrouped_action_buttons order-3 order-lg-4 col-5 col-lg-2 py-0 my-auto d-none d-md-flex flex-wrap justify-content-end gap-1">
                                 <button name="action_open_import" string="Import Contacts"
-                                    type="object" class="btn btn-secondary me-2 text-nowrap">
+                                    type="object" class="btn btn-secondary text-nowrap">
                                     Import Contacts
                                 </button>
                                 <button name="action_send_mailing" string="Send Mailing"
-                                    type="object" class="btn btn-secondary me-2 text-nowrap">
+                                    type="object" class="btn btn-secondary text-nowrap">
                                     Send Mailing
                                 </button>
                             </div>