From d9bdb46033b2d30c9b5170f7e229638b15641c0b Mon Sep 17 00:00:00 2001
From: Umar Bolatov <bolatovumar@gmail.com>
Date: Tue, 3 Mar 2020 21:15:27 -0800
Subject: [PATCH] Prettify wallet receive tab screen

---
 .../Views/Wallets/WalletReceive.cshtml        | 65 ++++++++++---------
 1 file changed, 33 insertions(+), 32 deletions(-)

diff --git a/BTCPayServer/Views/Wallets/WalletReceive.cshtml b/BTCPayServer/Views/Wallets/WalletReceive.cshtml
index 44e3a5c55..b342f529f 100644
--- a/BTCPayServer/Views/Wallets/WalletReceive.cshtml
+++ b/BTCPayServer/Views/Wallets/WalletReceive.cshtml
@@ -14,21 +14,39 @@
     </div>
 }
 <div class="row no-gutters">
-    <div class="col-lg-6  mx-auto my-auto ">
+    <div class="col-lg-7  mx-auto my-auto ">
         <form method="post" asp-action="WalletReceive" class="card text-center">
-            @if (string.IsNullOrEmpty(Model.Address))
-            {
+            <div class="card-body">
+                @if (string.IsNullOrEmpty(Model.Address))
+                {
 
-                <h2 class="card-title">Receive @Model.CryptoCode</h2>
-                <button class="btn btn-lg btn-primary m-2" type="submit" name="command" value="generate-new-address">Generate @Model.CryptoCode address</button>
-            }
-            else
-            {
-                <h2 class="card-title">Next available @Model.CryptoCode address</h2>
-                <noscript>
-                    <div class="card-body m-sm-0 p-sm-0">
-                        <div class="input-group">
-                            <input type="text" class="form-control " readonly="readonly" asp-for="Address" id="address" />
+                    <h3 class="card-title mb-3">Receive @Model.CryptoCode</h3>
+                    <button class="btn btn-lg btn-primary" type="submit" name="command" value="generate-new-address">Generate @Model.CryptoCode address</button>
+                }
+                else
+                {
+                    <h3 class="card-title mb-4">Next available @Model.CryptoCode address</h3>
+                    <noscript>
+                        <div class="card-body m-sm-0 p-sm-0">
+                            <div class="input-group">
+                                <input type="text" class="form-control " readonly="readonly" asp-for="Address" id="address" />
+                                <div class="input-group-append">
+                                    <span class="input-group-text fa fa-copy"> </span>
+                                </div>
+                            </div>
+
+                            <button type="submit" name="command" value="unreserve-current-address" class="btn btn-link">Unreserve this address</button>
+
+                        </div>
+                    </noscript>
+                    <div class="only-for-js card-body m-sm-0 p-sm-0" id="app">
+                        <div class="qr-container mb-4">
+                            <img v-bind:src="srvModel.cryptoImage" class="qr-icon" />
+                            <qrcode v-bind:value="srvModel.address" :options="{ width: 256, margin: 0, color: {dark:'#000', light:'#fff'} }" tag="svg">
+                            </qrcode>
+                        </div>
+                        <div class="input-group copy" data-clipboard-target="#vue-address">
+                            <input type="text" class=" form-control " readonly="readonly" :value="srvModel.address" id="vue-address" />
                             <div class="input-group-append">
                                 <span class="input-group-text fa fa-copy"> </span>
                             </div>
@@ -37,25 +55,8 @@
                         <button type="submit" name="command" value="unreserve-current-address" class="btn btn-link">Unreserve this address</button>
 
                     </div>
-                </noscript>
-                <div class="only-for-js card-body m-sm-0 p-sm-0" id="app">
-                    <div class="qr-container mb-2">
-                        <img v-bind:src="srvModel.cryptoImage" class="qr-icon" />
-                        <qrcode v-bind:value="srvModel.address" :options="{ width: 256, margin: 0, color: {dark:'#000', light:'#fff'} }" tag="svg">
-                        </qrcode>
-                    </div>
-                    <div class="input-group copy" data-clipboard-target="#vue-address">
-                        <input type="text" class=" form-control " readonly="readonly" :value="srvModel.address" id="vue-address" />
-                        <div class="input-group-append">
-                            <span class="input-group-text fa fa-copy"> </span>
-                        </div>
-                    </div>
-
-                    <button type="submit" name="command" value="unreserve-current-address" class="btn btn-link">Unreserve this address</button>
-
-                </div>
-            }
-
+                }
+            </div>
         </form>
     </div>
 </div>