From 3afd24fcd72225e61601cd610a432ea9e2d7f302 Mon Sep 17 00:00:00 2001
From: Dennis Reimann <mail@dennisreimann.de>
Date: Tue, 21 Nov 2023 10:44:13 +0100
Subject: [PATCH] Print button

---
 .../Views/UIInvoice/InvoiceReceipt.cshtml     | 40 +++++++++----------
 1 file changed, 19 insertions(+), 21 deletions(-)

diff --git a/BTCPayServer/Views/UIInvoice/InvoiceReceipt.cshtml b/BTCPayServer/Views/UIInvoice/InvoiceReceipt.cshtml
index 9a45dc6b3..a1f3467f8 100644
--- a/BTCPayServer/Views/UIInvoice/InvoiceReceipt.cshtml
+++ b/BTCPayServer/Views/UIInvoice/InvoiceReceipt.cshtml
@@ -64,31 +64,29 @@
                         {
                             <vc:qr-code data="@Context.Request.GetCurrentUrl()"></vc:qr-code>
                         }
-                        <dl class="d-flex flex-column gap-4 mb-0 flex-fill">
-                            <div class="d-flex flex-column">
-                                <div class="d-flex align-items-center justify-content-between">
-                                    <a href="?print=true" 
-                                        class="btn btn-link p-0 d-print-none fw-semibold order-1" 
-                                        target="_blank"
-                                        style="font-size: 1.5rem;">Print</a>
-                                    <dd class="text-muted mb-0 fw-semibold">Amount Paid</dd>
-                                </div>
-                                <dt class="fs-2 mb-0 text-nowrap fw-semibold">@DisplayFormatter.Currency(Model.Amount, Model.Currency, DisplayFormatter.CurrencyFormat.Symbol)</dt>
-                            </div>
-                            <div class="d-flex flex-column">
-                                <dd class="text-muted mb-0 fw-semibold">Date</dd>
-                                <dt class="fs-5 mb-0 text-nowrap fw-semibold">@Model.Timestamp.ToBrowserDate()</dt>
-                            </div>
-                            @if (!string.IsNullOrEmpty(Model.OrderId))
-                            {
+                        <div class="d-flex gap-4 mb-0 flex-fill">
+                            <dl class="d-flex flex-column gap-4 mb-0 flex-fill">
                                 <div class="d-flex flex-column">
-                                    <dd class="text-muted mb-0 fw-semibold">Order ID</dd>
-                                    <dt class="fs-5 mb-0 text-break fw-semibold">@Model.OrderId</dt>
+                                    <dd class="text-muted mb-0 fw-semibold">Amount Paid</dd>
+                                    <dt class="fs-2 mb-0 text-nowrap fw-semibold">@DisplayFormatter.Currency(Model.Amount, Model.Currency, DisplayFormatter.CurrencyFormat.Symbol)</dt>
                                 </div>
-                            }
-                        </dl>
+                                <div class="d-flex flex-column">
+                                    <dd class="text-muted mb-0 fw-semibold">Date</dd>
+                                    <dt class="fs-5 mb-0 text-nowrap fw-semibold">@Model.Timestamp.ToBrowserDate()</dt>
+                                </div>
+                                @if (!string.IsNullOrEmpty(Model.OrderId))
+                                {
+                                    <div class="d-flex flex-column">
+                                        <dd class="text-muted mb-0 fw-semibold">Order ID</dd>
+                                        <dt class="fs-5 mb-0 text-break fw-semibold">@Model.OrderId</dt>
+                                    </div>
+                                }
+                            </dl>
+                            <a href="?print=true" class="flex-grow-0 align-self-start btn btn-secondary d-print-none fs-4" target="_blank">Print</a>
+                        </div>
                     }
                 </div>
+                </div>
                 
                 @if (isProcessing)
                 {