From 4e2256dc6aa6322ca2e65b70f704199b3d9908a1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alexandre=20K=C3=BChn?= <aku@odoo.com>
Date: Wed, 12 Jul 2023 09:13:50 +0000
Subject: [PATCH] [FIX] mail: align message actions with 1st line of message
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Before this commit, action list of message was centered with
message. This can be hard to notice where the actions are shown
on long messages.

This commit fixes the issue by positioning action lists always
next to the 1st line of message content.

closes odoo/odoo#128274

X-original-commit: 7227513eac8242f9f94d75eed6b84ef99098cff2
Signed-off-by: Sébastien Theys (seb) <seb@odoo.com>
---
 addons/mail/static/src/core/common/message.xml | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/addons/mail/static/src/core/common/message.xml b/addons/mail/static/src/core/common/message.xml
index 386cefa9c75..bcce162a0a3 100644
--- a/addons/mail/static/src/core/common/message.xml
+++ b/addons/mail/static/src/core/common/message.xml
@@ -64,7 +64,7 @@
                             </div>
                         </div>
                         <div
-                            class="position-relative d-flex align-items-center"
+                            class="position-relative d-flex"
                             t-att-class="{
                                    'justify-content-end': isAlignedRight,
                                    'ps-4': env.inChatWindow and isAlignedRight and !state.isEditing,
@@ -107,7 +107,7 @@
                                     'start-0 ms-3': isAlignedRight,
                                     'end-0 me-3': (env.inChatWindow or ui.isSmall) and !isAlignedRight,
                                     'position-absolute top-0 mt-n3': env.inChatWindow or ui.isSmall,
-                                    'ms-2': !env.inChatWindow and !ui.isSmall,
+                                    'ms-2 mt-1': !env.inChatWindow and !ui.isSmall,
                                     'invisible': !isActive,
                                     'o-expanded': state.expandOptions
                                 }"