From 26570b0701cf2d184b6f36bdd8885587f7939c9d Mon Sep 17 00:00:00 2001
From: Nidhi Patel <nia@odoo.com>
Date: Fri, 3 Apr 2020 13:20:45 +0000
Subject: [PATCH] [FIX] payment: Fix layout of the button and logo so do not
 overlap with eachother

Currently, When using the "Generate a Payment Link" button under the
Action menu (model=account.move), the last step of the flow is "back
to my account" , But this button doesn't generate any actions. If you
click on it, nothing happens because the button "Back to My Account"
was overlap by the payment logo.

So in this commit, we add fix the layout and use the row so the
elements do not ovelap each other.

Task-Id : 2197705

closes odoo/odoo#49012

Closes: #49012
Signed-off-by: Yannick Tivisse (yti) <yti@odoo.com>
---
 addons/payment/views/payment_portal_templates.xml | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/addons/payment/views/payment_portal_templates.xml b/addons/payment/views/payment_portal_templates.xml
index 49697f429a3..dda2ee15488 100644
--- a/addons/payment/views/payment_portal_templates.xml
+++ b/addons/payment/views/payment_portal_templates.xml
@@ -101,12 +101,14 @@
                                         <img class="border border-dark rounded" t-att-src="qr_code"/>
                                     </div>
                                 </div>
-                                <div>
-                                    <a role="button" t-attf-class="btn btn-#{status} float-right" href="/my/home"><i class="fa fa-arrow-circle-right"/> Back to My Account</a>
-                                </div>
-                                <div class="col-md-6 offset-md-6 text-muted mt16"><!-- FIXME should be in a row... -->
-                                    <span t-field="tx.acquirer_id.image_128" t-att-title="tx.acquirer_id.name" role="img" t-att-aria-label="tx.acquirer_id.name" t-options='{"widget": "image", "style":"max-width: 60px; display: inline-block"}'/>
-                                    <span>Processed by <t t-esc="tx.acquirer_id.name"/>.</span>
+                                <div class="row">
+                                    <div class="col-md-5 offset-md-3 text-muted">
+                                        <span t-field="tx.acquirer_id.image_128" t-att-title="tx.acquirer_id.name" role="img" t-att-aria-label="tx.acquirer_id.name" t-options='{"widget": "image", "style":"max-width: 60px; display: inline-block"}'/>
+                                        <div>Processed by <t t-esc="tx.acquirer_id.name"/>.</div>
+                                    </div>
+                                    <div class="col-md-4 mt-2 pl-0">
+                                        <a role="button" t-attf-class="btn btn-#{status} float-right" href="/my/home"><i class="fa fa-arrow-circle-right"/> Back to My Account</a>
+                                    </div>
                                 </div>
                             </div>
                         </div>