From 194d166dbeb42050cd6e16317a4f4948419f5035 Mon Sep 17 00:00:00 2001
From: roen-odoo <roen@odoo.com>
Date: Mon, 20 Nov 2023 16:09:04 +0000
Subject: [PATCH] [FIX] l10n_sa_pos: Fix QRCode positionning for iOS when
 printing receipt

Current behavior:
When printing receipt from an iOS device, the QRCode is not printed at
the good position.

Steps to reproduce:
- Install l10n_sa_pos
- Install an ePoS printer
- Go on an iOS device
- Go to POS
- Create a new order
- Pay the order
- Print the receipt

opw-3560424

closes odoo/odoo#144583

X-original-commit: fe46d3a76d49e7753755d4f6d0bee2c628953d6b
Signed-off-by: Joseph Caburnay (jcb) <jcb@odoo.com>
Signed-off-by: Robin Engels (roen) <roen@odoo.com>
---
 addons/l10n_sa_pos/static/src/css/pos_receipt.css             | 4 ++++
 .../src/overrides/components/order_receipt/order_receipt.xml  | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)
 create mode 100644 addons/l10n_sa_pos/static/src/css/pos_receipt.css

diff --git a/addons/l10n_sa_pos/static/src/css/pos_receipt.css b/addons/l10n_sa_pos/static/src/css/pos_receipt.css
new file mode 100644
index 00000000000..24d6d604447
--- /dev/null
+++ b/addons/l10n_sa_pos/static/src/css/pos_receipt.css
@@ -0,0 +1,4 @@
+.pos-receipt .pos-receipt-qrcode {
+    display: block;
+    margin: 0 auto;
+}
diff --git a/addons/l10n_sa_pos/static/src/overrides/components/order_receipt/order_receipt.xml b/addons/l10n_sa_pos/static/src/overrides/components/order_receipt/order_receipt.xml
index 586e2a79715..cb5ce34aec5 100644
--- a/addons/l10n_sa_pos/static/src/overrides/components/order_receipt/order_receipt.xml
+++ b/addons/l10n_sa_pos/static/src/overrides/components/order_receipt/order_receipt.xml
@@ -3,7 +3,7 @@
     <t t-inherit="point_of_sale.ReceiptHeader" t-inherit-mode="extension">
         <xpath expr="//img[hasclass('pos-receipt-logo')]" position="after">
             <t t-if="props.data.is_gcc_country and !props.data.is_settlement">
-                <img t-if="props.data.qr_code" id="qrcode" t-att-src="props.data.qr_code" class="pos-receipt-logo"/>
+                <img t-if="props.data.qr_code" id="qrcode" t-att-src="props.data.qr_code" class="pos-receipt-qrcode"/>
                 <br/>
             </t>
         </xpath>