From 7b7795195fbeaf3623fdc3adecc825def5dc0ac3 Mon Sep 17 00:00:00 2001
From: "Anita (anko)" <anko@odoo.com>
Date: Thu, 6 Oct 2022 15:06:08 +0000
Subject: [PATCH] [FIX] payment(_demo): fix tags display in payment forms

Due to migration from Bootstrap 4 to 5, rounded badges look bad. No
unification of badge styles, some are rounded and some are squared. Tags
style should be unified and adjusted for Bootstrap 5 with this commit.

task-3001057

closes odoo/odoo#103099

X-original-commit: 611e2f20f975c590eb75d64379be84dd4cc472ef
Signed-off-by: Antoine Vandevenne (anv) <anv@odoo.com>
---
 addons/payment/views/payment_templates.xml      | 14 +++++++-------
 addons/payment_demo/views/payment_templates.xml |  2 +-
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/addons/payment/views/payment_templates.xml b/addons/payment/views/payment_templates.xml
index 09baea9e1a2..ff1eb0ac0d4 100644
--- a/addons/payment/views/payment_templates.xml
+++ b/addons/payment/views/payment_templates.xml
@@ -61,17 +61,17 @@
                             </span>
                             <!-- === "Test Mode" badge === -->
                             <span t-if="provider.state == 'test'"
-                                  class="rounded-pill text-bg-warning ms-1">
+                                  class="badge rounded-pill text-bg-warning ms-1">
                                 Test Mode
                             </span>
                             <!-- === "Unpublished" badge === -->
                             <span t-if="not provider.is_published"
-                                  class="badge text-bg-danger ms-1">
+                                  class="badge rounded-pill text-bg-danger ms-1">
                                 Unpublished
                             </span>
                             <!-- === Extra fees badge === -->
                             <t t-if="fees_by_provider.get(provider)">
-                                <span class="rounded-pill text-bg-secondary ms-1">
+                                <span class="badge rounded-pill text-bg-secondary ms-1">
                                     + <t t-esc="fees_by_provider.get(provider)"
                                          t-options="{'widget': 'monetary', 'display_currency': currency}"/>
                                     Fees
@@ -122,7 +122,7 @@
                             <!-- === "V" check mark === -->
                             <t t-call="payment.verified_token_checkmark"/>
                             <!-- === "Unpublished" badge === -->
-                            <span t-if="not token.provider_id.is_published" class="badge text-bg-danger ms-1">
+                            <span t-if="not token.provider_id.is_published" class="badge rounded-pill text-bg-danger ms-1">
                                 Unpublished
                             </span>
                         </label>
@@ -205,12 +205,12 @@
                             </span>
                             <!-- === "Test Mode" badge === -->
                             <span t-if="provider.state == 'test'"
-                                  class="rounded-pill text-bg-warning"
+                                  class="badge rounded-pill text-bg-warning"
                                   style="margin-left:5px">
                                 Test Mode
                             </span>
                             <!-- === "Unpublished" badge === -->
-                            <span t-if="not provider.is_published" class="badge text-bg-danger">
+                            <span t-if="not provider.is_published" class="badge rounded-pill text-bg-danger">
                                 Unpublished
                             </span>
                         </label>
@@ -256,7 +256,7 @@
                             <t t-call="payment.verified_token_checkmark"/>
                             <!-- === "Unpublished" badge === -->
                             <span t-if="not token.provider_id.is_published and token.env.user._is_internal()"
-                                  class="badge text-bg-danger ms-1">
+                                  class="badge rounded-pill text-bg-danger ms-1">
                                 Unpublished
                             </span>
                         </label>
diff --git a/addons/payment_demo/views/payment_templates.xml b/addons/payment_demo/views/payment_templates.xml
index dfd1c9da170..ce81e7130a2 100644
--- a/addons/payment_demo/views/payment_templates.xml
+++ b/addons/payment_demo/views/payment_templates.xml
@@ -4,7 +4,7 @@
     <template id="verified_token_checkmark" inherit_id="payment.verified_token_checkmark">
         <xpath expr="//t[@name='payment_demo_hook']" position="replace">
             <t t-if="token.provider_code=='demo'">
-                <span class="badge text-bg-warning">Demo Token</span>
+                <span class="badge rounded-pill text-bg-warning">Demo Token</span>
             </t>
         </xpath>
     </template>