From ab3ca0d17caad470c67bdbc49c54c876908fc6f2 Mon Sep 17 00:00:00 2001
From: fdardenne <dafl@odoo.com>
Date: Fri, 17 Mar 2023 07:52:26 +0000
Subject: [PATCH] [FIX] web: kanban quick create: truncate buttons

Steps to reproduce:
- Switch to German
- Go to project and select a project
- Go to the quick create interface

Current behaviour:
The buttons label are too long and the buttons overflow the width
of the card.

Expected behaviour:
Text in buttons are truncated to respect the kanban card width.

taskid-3234707

closes odoo/odoo#115775

X-original-commit: 8e7727fd85d2304ab87039b2a373f438b9123066
Signed-off-by: Aaron Bohy (aab) <aab@odoo.com>
Signed-off-by: Dardenne Florent (dafl) <dafl@odoo.com>
---
 .../src/views/kanban/kanban_record_quick_create.xml      | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/addons/web/static/src/views/kanban/kanban_record_quick_create.xml b/addons/web/static/src/views/kanban/kanban_record_quick_create.xml
index e1fb0984c82..050c3675266 100644
--- a/addons/web/static/src/views/kanban/kanban_record_quick_create.xml
+++ b/addons/web/static/src/views/kanban/kanban_record_quick_create.xml
@@ -8,14 +8,15 @@
             t-ref="root"
         >
             <FormRenderer class="'o_form_view o_xxs_form_view p-0'" record="props.record" archInfo="props.archInfo" />
-            <div class="d-flex">
-                <button class="btn btn-primary o_kanban_add me-1 text_truncate" t-on-click="() => this.validate('add')">
+            <div class="d-flex flex-wrap justify-content-end gap-1">
+                <button class="btn btn-primary o_kanban_add me-1" t-on-click="() => this.validate('add')">
                     Add
                 </button>
-                <button class="btn btn-primary o_kanban_edit me-1 text_truncate" t-on-click="() => this.validate('edit')">
+                <button class="btn btn-primary o_kanban_edit me-1" t-on-click="() => this.validate('edit')">
                     Edit
                 </button>
-                <button class="btn btn-secondary o_kanban_cancel ms-auto text-600" t-on-click="() => this.cancel(true)">
+                <span class="flex-grow-1"></span>
+                <button class="btn btn-secondary o_kanban_cancel text-600" t-on-click="() => this.cancel(true)">
                     <i class="fa fa-trash" />
                 </button>
             </div>