From 56d1776ba7ac870deb8bd697c837dd2c5d7ff513 Mon Sep 17 00:00:00 2001
From: Antoine Boonen <aboo@odoo.com>
Date: Tue, 24 Oct 2023 11:59:02 +0200
Subject: [PATCH] [FIX] account_peppol: Fix peppol kanban button display

Problem
---------
When zoomed in, the peppol buttons would be displayed inline with
previous buttons in the journal cards. This is not user friendly.

Objective
---------
Make sure the buttons are displayed under (new line) the previous one on
the kanban card.

Solution
---------
Encompase the buttons in div tags.

closes odoo/odoo#139567

Signed-off-by: Habib Ayob (ayh) <ayh@odoo.com>
---
 .../views/account_journal_dashboard_views.xml             | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/addons/account_peppol/views/account_journal_dashboard_views.xml b/addons/account_peppol/views/account_journal_dashboard_views.xml
index 726146e7a79..f76f3ab00e8 100644
--- a/addons/account_peppol/views/account_journal_dashboard_views.xml
+++ b/addons/account_peppol/views/account_journal_dashboard_views.xml
@@ -14,11 +14,15 @@
                 <xpath expr="//t[@id='account.JournalBodySalePurchase']//div" position="inside">
                     <t t-if="record.account_peppol_proxy_state.raw_value == 'active'">
                         <t t-if="journal_type == 'sale'">
-                            <a type="object" name="peppol_get_message_status" groups="account.group_account_invoice">Fetch Peppol invoice status</a>
+                            <div class="w-100">
+                                <a type="object" name="peppol_get_message_status" groups="account.group_account_invoice">Fetch Peppol invoice status</a>
+                            </div>
                         </t>
                         <t t-elif="journal_type == 'purchase'">
                             <t t-if="record.is_peppol_journal.raw_value">
-                                <a type="object" name="peppol_get_new_documents" groups="account.group_account_invoice">Fetch from Peppol</a>
+                                <div class="w-100">
+                                    <a type="object" name="peppol_get_new_documents" groups="account.group_account_invoice">Fetch from Peppol</a>
+                                </div>
                             </t>
                         </t>
                     </t>