From f5a86259f1d5aa3edf429b1760e9dac3bad509d6 Mon Sep 17 00:00:00 2001
From: sri-odoo <sri@odoo.com>
Date: Tue, 18 Sep 2018 16:32:31 +0200
Subject: [PATCH] [FIX] portal, account: portal invoice alert layout

Fix broken layout issue
---
 .../account/views/account_portal_templates.xml  | 17 ++++++++++-------
 addons/portal/static/src/scss/portal.scss       |  8 ++++++--
 2 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/addons/account/views/account_portal_templates.xml b/addons/account/views/account_portal_templates.xml
index 5bc7b3c7719..07654ee275a 100644
--- a/addons/account/views/account_portal_templates.xml
+++ b/addons/account/views/account_portal_templates.xml
@@ -122,14 +122,17 @@
                 </t>
 
                 <!-- Page Content -->
-                <div id="invoice_content" class="o_portal_page_content col-12 col-lg d-flex justify-content-end">
-                    <t t-if="error or warning" t-call="account.portal_invoice_error"/>
-                    <t t-if="success and (not error and not warning)" t-call="account.portal_invoice_success"/>
-                    <div class="o_portal_html_view shadow">
-                        <div class="o_portal_html_loader text-center">
-                            <i class="fa fa-circle-o-notch fa-spin fa-2x fa-fw text-black-50"></i>
+                <div id="invoice_content" class="o_portal_page_content col-12 col-lg d-flex flex-column align-items-end">
+                    <div class="o_portal_page_size">
+                        <t t-if="error or warning" t-call="account.portal_invoice_error"/>
+                        <t t-if="success and (not error and not warning)" t-call="account.portal_invoice_success"/>
+
+                        <div class="o_portal_html_view shadow">
+                            <div class="o_portal_html_loader text-center">
+                                <i class="fa fa-circle-o-notch fa-spin fa-2x fa-fw text-black-50"></i>
+                            </div>
+                            <iframe id="invoice_html" class="mt8 mb8" width="100%" height="100%" frameborder="0" scrolling="no" t-att-src="invoice.get_portal_url(report_type='html')"/>
                         </div>
-                        <iframe id="invoice_html" class="mt8 mb8" width="100%" height="100%" frameborder="0" scrolling="no" t-att-src="invoice.get_portal_url(report_type='html')"/>
                     </div>
                 </div>
             </div>
diff --git a/addons/portal/static/src/scss/portal.scss b/addons/portal/static/src/scss/portal.scss
index 78441e9168a..1e4a584d301 100644
--- a/addons/portal/static/src/scss/portal.scss
+++ b/addons/portal/static/src/scss/portal.scss
@@ -487,11 +487,15 @@ form label {
         }
     }
 
-    .o_portal_html_view {
-        overflow: hidden;
+    .o_portal_page_size {
         width: 100%;
         max-width: 210mm; // A4 page's width
+    }
+
+    .o_portal_html_view {
+        overflow: hidden;
         background: white;
+        position: relative;
 
         .o_portal_html_loader {
             @include o-position-absolute(45%, 0, auto, 0);