From cb10551d2c48177334529587b929ac55488939a7 Mon Sep 17 00:00:00 2001
From: Umar Bolatov <bolatovumar@gmail.com>
Date: Sun, 12 Apr 2020 15:04:46 -0700
Subject: [PATCH] Make sure sponsor logos show up nicely on all screen sizes

fix #1459
---
 .../Views/Shared/_BTCPaySupporters.cshtml     | 94 ++++++++++---------
 1 file changed, 48 insertions(+), 46 deletions(-)

diff --git a/BTCPayServer/Views/Shared/_BTCPaySupporters.cshtml b/BTCPayServer/Views/Shared/_BTCPaySupporters.cshtml
index 6db1d974d..b3ddd40cb 100644
--- a/BTCPayServer/Views/Shared/_BTCPaySupporters.cshtml
+++ b/BTCPayServer/Views/Shared/_BTCPaySupporters.cshtml
@@ -1,49 +1,51 @@
 <h3 class="lead-h">BTCPayServer Supporters <a href="https://foundation.btcpayserver.org/" target="_blank"><span class="fa fa-question-circle-o" title="More information..."></span></a></h3>
-<div class="figure">
-    <a href="https://twitter.com/sqcrypto" target="_blank">
-        <img src="~/img/squarecrypto.svg" alt="Sponsor Square Crypto" height="75" />
-    </a>
-    <div class="figure-caption text-center">
-        <a href="https://twitter.com/sqcrypto" class="text-muted small" target="_blank">Square Crypto</a>
-    </div>
-</div>
-<div class="figure ml-4">
-    <a href="https://www.btse.com" target="_blank">
-        <img src="~/img/btse.svg" alt="Sponsor BTSE" height="75" />
-    </a>
-    <div class="figure-caption text-center">
-        <a href="https://www.btse.com/" class="text-muted small" target="_blank">BTSE</a>
-    </div>
-</div>
-<div class="figure ml-4">
-    <a href="https://www.dglab.com/en/" target="_blank">
-        <img src="~/img/dglab.svg" alt="Sponsor DG lab" height="75" />
-    </a>
-    <div class="figure-caption text-center">
-        <a href="https://www.dglab.com/en/" class="text-muted small" target="_blank">DG Lab</a>
-    </div>
-</div>
-<div class="figure ml-4">
-    <a href="https://acinq.co/" target="_blank">
-        <img src="~/img/acinq-logo.svg" alt="Sponsor ACINQ" height="75" />
-    </a>
-    <div class="figure-caption text-center">
-        <a href="https://acinq.co/" class="text-muted small" target="_blank">ACINQ</a>
-    </div>
-</div>
-<div class="figure ml-4">
-    <a href="https://lunanode.com/" target="_blank">
-        <img src="~/img/lunanode.svg" alt="Sponsor LunaNode" height="75" />
-    </a>
-    <div class="figure-caption text-center">
-        <a href="https://lunanode.com/" class="text-muted small" target="_blank">LunaNode</a>
-    </div>
-</div>
-<div class="figure ml-4">
-    <a href="https://walletofsatoshi.com/" target="_blank">
-        <img src="~/img/walletofsatoshi.svg" alt="Sponsor Wallet of Satoshi" height="75" />
-    </a>
-    <div class="figure-caption text-center">
-        <a href="https://walletofsatoshi.com/" class="text-muted small" target="_blank">Wallet of Satoshi</a>
+<div class="row">
+    <div class="figure p-3">
+        <a href="https://twitter.com/sqcrypto" target="_blank">
+            <img src="~/img/squarecrypto.svg" alt="Sponsor Square Crypto" height="75" />
+        </a>
+        <div class="figure-caption text-center">
+            <a href="https://twitter.com/sqcrypto" class="text-muted small" target="_blank">Square Crypto</a>
+        </div>
+    </div>
+    <div class="figure p-3">
+        <a href="https://www.btse.com" target="_blank">
+            <img src="~/img/btse.svg" alt="Sponsor BTSE" height="75" />
+        </a>
+        <div class="figure-caption text-center">
+            <a href="https://www.btse.com/" class="text-muted small" target="_blank">BTSE</a>
+        </div>
+    </div>
+    <div class="figure p-3">
+        <a href="https://www.dglab.com/en/" target="_blank">
+            <img src="~/img/dglab.svg" alt="Sponsor DG lab" height="75" />
+        </a>
+        <div class="figure-caption text-center">
+            <a href="https://www.dglab.com/en/" class="text-muted small" target="_blank">DG Lab</a>
+        </div>
+    </div>
+    <div class="figure p-3">
+        <a href="https://acinq.co/" target="_blank">
+            <img src="~/img/acinq-logo.svg" alt="Sponsor ACINQ" height="75" />
+        </a>
+        <div class="figure-caption text-center">
+            <a href="https://acinq.co/" class="text-muted small" target="_blank">ACINQ</a>
+        </div>
+    </div>
+    <div class="figure p-3">
+        <a href="https://lunanode.com/" target="_blank">
+            <img src="~/img/lunanode.svg" alt="Sponsor LunaNode" height="75" />
+        </a>
+        <div class="figure-caption text-center">
+            <a href="https://lunanode.com/" class="text-muted small" target="_blank">LunaNode</a>
+        </div>
+    </div>
+    <div class="figure p-3">
+        <a href="https://walletofsatoshi.com/" target="_blank">
+            <img src="~/img/walletofsatoshi.svg" alt="Sponsor Wallet of Satoshi" height="75" />
+        </a>
+        <div class="figure-caption text-center">
+            <a href="https://walletofsatoshi.com/" class="text-muted small" target="_blank">Wallet of Satoshi</a>
+        </div>
     </div>
 </div>