From aee8c5f032c62250160b58bb3fb358b1e116b09a Mon Sep 17 00:00:00 2001
From: Chukwuleta Tobechi <47084273+TChukwuleta@users.noreply.github.com>
Date: Fri, 18 Jul 2025 15:23:16 +0100
Subject: [PATCH] Fix charge button position on Bitcoinize POS

---
 BTCPayApp.UI/Components/Keypad.razor | 27 +++++++++++++++------------
 1 file changed, 15 insertions(+), 12 deletions(-)

diff --git a/BTCPayApp.UI/Components/Keypad.razor b/BTCPayApp.UI/Components/Keypad.razor
index f85635d..ed5490d 100644
--- a/BTCPayApp.UI/Components/Keypad.razor
+++ b/BTCPayApp.UI/Components/Keypad.razor
@@ -98,18 +98,21 @@
             </button>
         }
     </div>
-    <button class="btn btn-lg btn-primary mx-3" type="submit" disabled="@(IsSubmitting || amount == 0)" id="pay-button" @onclick="HandleSubmit">
-        @if (IsSubmitting)
-        {
-            <div class="spinner-border spinner-border-sm" role="status">
-                <span class="visually-hidden">Loading...</span>
-            </div>
-        }
-        else
-        {
-            <span>Charge</span>
-        }
-    </button>
+
+    <div class="d-flex justify-content-center">
+        <button class="btn btn-lg btn-primary mx-3" type="submit" disabled="@(IsSubmitting || amount == 0)" id="pay-button" @onclick="HandleSubmit">
+            @if (IsSubmitting)
+            {
+                <div class="spinner-border spinner-border-sm" role="status">
+                    <span class="visually-hidden">Loading...</span>
+                </div>
+            }
+            else
+            {
+                <span>Charge</span>
+            }
+        </button>
+    </div>
 
     @if (CanAccessRecentTransactions)
     {