From cc23863f099b04c911667fdd11f59c96026ea299 Mon Sep 17 00:00:00 2001
From: Brieuc-brd <brd@odoo.com>
Date: Thu, 7 Apr 2022 11:23:16 +0000
Subject: [PATCH] [REF] mail: `MailTemplate`, review and simplify scss
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Part of the overall v16 SCSS optimization/restyle, task-2704984

task-2818801

closes odoo/odoo#88216

Signed-off-by: Alexandre Kühn (aku) <aku@odoo.com>
---
 .../mail_template/mail_template.scss          | 27 -------------------
 .../mail_template/mail_template.xml           | 10 +++----
 2 files changed, 5 insertions(+), 32 deletions(-)
 delete mode 100644 addons/mail/static/src/components/mail_template/mail_template.scss

diff --git a/addons/mail/static/src/components/mail_template/mail_template.scss b/addons/mail/static/src/components/mail_template/mail_template.scss
deleted file mode 100644
index 7800ab62bc5..00000000000
--- a/addons/mail/static/src/components/mail_template/mail_template.scss
+++ /dev/null
@@ -1,27 +0,0 @@
-// ------------------------------------------------------------------
-// Layout
-// ------------------------------------------------------------------
-
-.o_MailTemplate {
-    display: flex;
-    flex: 0 0 auto;
-    align-items: center;
-}
-
-.o_MailTemplate_button {
-    padding-top: map-get($spacers, 0);
-    padding-bottom: map-get($spacers, 0);
-}
-
-.o_MailTemplate_name {
-    margin-inline-start: map-get($spacers, 2);
-}
-
-// ------------------------------------------------------------------
-// Style
-// ------------------------------------------------------------------
-
-.o_MailTemplate_text {
-    color: gray('500');
-    font-style: italic;
-}
diff --git a/addons/mail/static/src/components/mail_template/mail_template.xml b/addons/mail/static/src/components/mail_template/mail_template.xml
index 451add5bd64..2163b0c7a39 100644
--- a/addons/mail/static/src/components/mail_template/mail_template.xml
+++ b/addons/mail/static/src/components/mail_template/mail_template.xml
@@ -3,20 +3,20 @@
 
     <t t-name="mail.MailTemplate" owl="1">
         <t t-if="mailTemplateView">
-            <div class="o_MailTemplate" t-attf-class="{{ className }}" t-ref="root">
+            <div class="o_MailTemplate flex-shrink-0 align-items-center d-flex" t-attf-class="{{ className }}" t-ref="root">
                 <i class="fa fa-envelope-o" title="Mail" role="img"/>
-                <span class="o_MailTemplate_name" t-esc="mailTemplateView.mailTemplate.name"/>
+                <span class="o_MailTemplate_name ms-2" t-esc="mailTemplateView.mailTemplate.name"/>
                 <span>:</span>
                 <button
-                    class="o_MailTemplate_button o_MailTemplate_preview btn btn-link"
+                    class="o_MailTemplate_button o_MailTemplate_preview btn btn-link py-0"
                     t-att-data-mail-template-id="mailTemplateView.mailTemplate.id"
                     t-on-click="_onClickPreview"
                 >
                     Preview
                 </button>
-                <span class="o_MailTemplate_text">or</span>
+                <em class="o_MailTemplate_text text-500">or</em>
                 <button
-                    class="o_MailTemplate_button o_MailTemplate_send btn btn-link"
+                    class="o_MailTemplate_button o_MailTemplate_send btn btn-link py-0"
                     t-att-data-mail-template-id="mailTemplateView.mailTemplate.id"
                     t-on-click="_onClickSend"
                 >