From 444f9d2d5fe53cf411ada5d8a2c7385ccf8b2aa8 Mon Sep 17 00:00:00 2001
From: Russell Ballestrini <russell@unturf.com>
Date: Wed, 24 Sep 2025 11:43:56 -0400
Subject: [PATCH] Move QR code above payment amount text

Position QR code directly above the 'Send exactly X XMR to this address'
text for better visual flow and easier wallet scanning.
---
 make_post_sell/templates/crypto_checkout.j2 | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/make_post_sell/templates/crypto_checkout.j2 b/make_post_sell/templates/crypto_checkout.j2
index 5b961a5..d951f28 100644
--- a/make_post_sell/templates/crypto_checkout.j2
+++ b/make_post_sell/templates/crypto_checkout.j2
@@ -11,16 +11,14 @@
     {% else %}
       {% set amount_fmt = '%.8f' % amount_crypto %}
     {% endif %}
-    <div style="display: grid; grid-template-columns: 1fr auto; gap: 20px; align-items: start; margin: 8px 0;">
-      <div>
-        <p>Send exactly <b id="crypto-amount">{{ amount_fmt }}</b> {{ coin_symbol }} to this address:</p>
-        <pre id="crypto-address" style="white-space:pre-wrap;word-wrap:break-word;">{{ address }}</pre>
-      </div>
-      <div style="text-align: center;">
-        <div id="payment-qr" style="margin-bottom: 8px;"></div>
-        <small style="color: #666;">Scan with wallet app</small>
-      </div>
+    <div style="text-align: center; margin: 16px 0;">
+      <div id="payment-qr" style="margin-bottom: 8px; display: inline-block;"></div>
+      <br>
+      <small style="color: #666;">Scan with wallet app</small>
     </div>
+    
+    <p>Send exactly <b id="crypto-amount">{{ amount_fmt }}</b> {{ coin_symbol }} to this address:</p>
+    <pre id="crypto-address" style="white-space:pre-wrap;word-wrap:break-word;">{{ address }}</pre>
 
     <div style="display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 8px; margin: 8px 0;">
       <button class="mps-button" id="copy-amt" style="background:#4c4; grid-row: 1;">Copy Amount</button>