From 1c6a8a2975fff082b5f8fcd8eeb8b751ed9b02e2 Mon Sep 17 00:00:00 2001
From: "Maximilien (malb)" <malb@odoo.com>
Date: Wed, 17 May 2023 09:37:57 +0000
Subject: [PATCH] [FIX] hr_expense: css issue on attachment
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Before this pr, when attaching an image to an expense, the image was misplaced.
By adding a display flex and justify the content in the center, the image is now
vertically align in the center.

closes odoo/odoo#121607

Task-id: 3329707
Signed-off-by: Alexandre Kühn (aku) <aku@odoo.com>
---
 addons/hr_expense/static/src/scss/hr_expense.scss | 6 ++++++
 addons/hr_expense/views/hr_expense_views.xml      | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/addons/hr_expense/static/src/scss/hr_expense.scss b/addons/hr_expense/static/src/scss/hr_expense.scss
index 020294398f3..22d7011d3ea 100644
--- a/addons/hr_expense/static/src/scss/hr_expense.scss
+++ b/addons/hr_expense/static/src/scss/hr_expense.scss
@@ -19,6 +19,12 @@
     }
 }
 
+.o_center_attachment .o-mail-Attachment-imgContainer {
+    display: flex;
+    justify-content: center;
+    z-index: -1;
+}
+
 .o_dropzone {
     width: 100%;
     height: 100%;
diff --git a/addons/hr_expense/views/hr_expense_views.xml b/addons/hr_expense/views/hr_expense_views.xml
index 02f0ccbe3dd..02dbd2ed6dd 100644
--- a/addons/hr_expense/views/hr_expense_views.xml
+++ b/addons/hr_expense/views/hr_expense_views.xml
@@ -215,7 +215,7 @@
                         <field name="description" placeholder="Notes..."/>
                     </div>
                 </sheet>
-                <div class="o_attachment_preview"/>
+                <div class="o_attachment_preview o_center_attachment"/>
                 <div class="oe_chatter">
                     <field name="message_follower_ids"/>
                     <field name="activity_ids"/>