From fc278d12fcd32b3d666df39eef8e1db0eaa45898 Mon Sep 17 00:00:00 2001
From: lepipele <lepipele@users.noreply.github.com>
Date: Wed, 28 Mar 2018 01:09:53 -0500
Subject: [PATCH] Bugfixing currency icon positioning on smaller screens

---
 BTCPayServer/Views/Invoice/Checkout-Body.cshtml |  2 +-
 BTCPayServer/wwwroot/css/normalizer.css         | 11 +++++++++++
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/BTCPayServer/Views/Invoice/Checkout-Body.cshtml b/BTCPayServer/Views/Invoice/Checkout-Body.cshtml
index 5f5f439ed..e01e62a56 100644
--- a/BTCPayServer/Views/Invoice/Checkout-Body.cshtml
+++ b/BTCPayServer/Views/Invoice/Checkout-Body.cshtml
@@ -149,7 +149,7 @@
     </div>
     <div class="bp-view payment scan" id="scan">
         <div class="payment__scan">
-            <img v-bind:src="srvModel.cryptoImage" style="position: absolute; height:64px; width:64px; left:118px; top:96px;" />
+            <img v-bind:src="srvModel.cryptoImage" class="qr_currency_icon" />
             <qrcode v-bind:val="srvModel.invoiceBitcoinUrlQR" v-bind:size="256" bg-color="#f5f5f7" fg-color="#000">
             </qrcode>
         </div>
diff --git a/BTCPayServer/wwwroot/css/normalizer.css b/BTCPayServer/wwwroot/css/normalizer.css
index a4566dc46..61c60a479 100644
--- a/BTCPayServer/wwwroot/css/normalizer.css
+++ b/BTCPayServer/wwwroot/css/normalizer.css
@@ -9883,6 +9883,17 @@ strong {
         border-right: 1px solid rgba(0, 0, 0, 0.1);
     }
 
+.qr_currency_icon {
+    height: 64px;
+    width: 64px;
+    position: absolute;
+    left: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    margin: auto;
+}
+
 /* Warning Page */
 .manual__step-two--warning {
     display: block;