From 4e70f5b8f157ddac944d58a7b61a451cbabb1ab0 Mon Sep 17 00:00:00 2001
From: Dennis Reimann <mail@dennisreimann.de>
Date: Mon, 10 Aug 2020 09:46:01 +0200
Subject: [PATCH] UI: Improve mobile login views

---
 BTCPayServer/Views/Account/Login.cshtml            |  2 +-
 BTCPayServer/Views/Account/Register.cshtml         |  2 +-
 BTCPayServer/Views/Shared/_BTCPaySupporters.cshtml | 12 ++++++------
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/BTCPayServer/Views/Account/Login.cshtml b/BTCPayServer/Views/Account/Login.cshtml
index fa3356075..61d30087f 100644
--- a/BTCPayServer/Views/Account/Login.cshtml
+++ b/BTCPayServer/Views/Account/Login.cshtml
@@ -29,7 +29,7 @@
                 @if (env.OnionUrl != null)
                 {
                     <div class="text-center">
-                        <a href="@env.OnionUrl" target="_onion" class="btn btn-sm btn-outline-onion d-inline-flex align-items-center p-2" data-clipboard="@env.OnionUrl">
+                        <a href="@env.OnionUrl" target="_onion" class="btn btn-sm btn-outline-onion d-inline-flex align-items-center text-nowrap p-2" data-clipboard="@env.OnionUrl">
                             <img src="~/img/icons/onion-purple.svg" height="20" class="mr-2" asp-append-version="true" />
                             Copy Tor URL
                         </a>
diff --git a/BTCPayServer/Views/Account/Register.cshtml b/BTCPayServer/Views/Account/Register.cshtml
index c50395687..6016cf658 100644
--- a/BTCPayServer/Views/Account/Register.cshtml
+++ b/BTCPayServer/Views/Account/Register.cshtml
@@ -33,7 +33,7 @@
                 @if (env.OnionUrl != null)
                 {
                     <div class="text-center">
-                        <a href="@env.OnionUrl" target="_onion" class="btn btn-sm btn-outline-onion d-inline-flex align-items-center p-2" data-clipboard="@env.OnionUrl">
+                        <a href="@env.OnionUrl" target="_onion" class="btn btn-sm btn-outline-onion d-inline-flex align-items-center text-nowrap p-2" data-clipboard="@env.OnionUrl">
                             <img src="~/img/icons/onion-purple.svg" height="20" class="mr-2" asp-append-version="true" />
                             Copy Tor URL
                         </a>
diff --git a/BTCPayServer/Views/Shared/_BTCPaySupporters.cshtml b/BTCPayServer/Views/Shared/_BTCPaySupporters.cshtml
index a47594b92..801ada294 100644
--- a/BTCPayServer/Views/Shared/_BTCPaySupporters.cshtml
+++ b/BTCPayServer/Views/Shared/_BTCPaySupporters.cshtml
@@ -2,37 +2,37 @@
     Our Supporters
 </h5>
 <div class="row justify-content-center mb-2">
-    <div class="p-3 text-center">
+    <div class="p-3 text-center" style="flex-basis:105px;">
         <a href="https://kraken.com" target="_blank" class="text-muted small">
             <img src="~/img/kraken.svg" alt="Sponsor Kraken" height="50" asp-append-version="true"/>
             <span class="d-block mt-3">Kraken</span>
         </a>
     </div>
-    <div class="p-3 text-center">
+    <div class="p-3 text-center" style="flex-basis:105px;">
         <a href="https://twitter.com/sqcrypto" target="_blank" class="text-muted small">
             <img src="~/img/squarecrypto.svg" alt="Sponsor Square Crypto" height="50" asp-append-version="true"/>
             <span class="d-block mt-3">Square Crypto</span>
         </a>
     </div>
-    <div class="p-3 text-center">
+    <div class="p-3 text-center" style="flex-basis:105px;">
         <a href="https://www.btse.com" target="_blank" class="text-muted small">
             <img src="~/img/btse.svg" alt="Sponsor BTSE" height="50" asp-append-version="true"/>
             <span class="d-block mt-3">BTSE</span>
         </a>
     </div>
-    <div class="p-3 text-center">
+    <div class="p-3 text-center" style="flex-basis:105px;">
         <a href="https://www.dglab.com/en/" target="_blank" class="text-muted small">
             <img src="~/img/dglab.svg" alt="Sponsor DG lab" height="50" asp-append-version="true"/>
             <span class="d-block mt-3">DG Lab</span>
         </a>
     </div>
-    <div class="p-3 text-center">
+    <div class="p-3 text-center" style="flex-basis:105px;">
         <a href="https://www.okcoin.com/" target="_blank" class="text-muted small">
             <img src="~/img/okcoin.svg" alt="Sponsor OKCoin" height="50" asp-append-version="true"/>
             <span class="d-block mt-3">OKCoin</span>
         </a>
     </div>
-    <div class="p-3 text-center">
+    <div class="p-3 text-center" style="flex-basis:105px;">
         <a href="https://acinq.co/" target="_blank" class="text-muted small">
             <img src="~/img/acinq-logo.svg" alt="Sponsor ACINQ" height="50" asp-append-version="true"/>
             <span class="d-block mt-3">ACINQ</span>