[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>
This commit is contained in:
Elisabeth Dickinson
2023-07-06 20:55:58 +02:00
parent f590fcb7d1
commit f9bf456ba9
2 changed files with 8 additions and 6 deletions
@@ -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;
}
@@ -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>