From 3d3446e46a741c728e5863a61b1ebe906d37eed7 Mon Sep 17 00:00:00 2001
From: "nicolas.dorier" <nicolas.dorier@gmail.com>
Date: Wed, 6 Nov 2019 21:51:10 +0900
Subject: [PATCH] Improve design of register/login on mobile

---
 .../Views/Account/_WelcomeLayout.cshtml       | 27 ++++++++++++++-----
 BTCPayServer/wwwroot/img/btcpay-logo.svg      |  6 ++---
 2 files changed, 22 insertions(+), 11 deletions(-)
diff --git a/BTCPayServer/Views/Account/_WelcomeLayout.cshtml b/BTCPayServer/Views/Account/_WelcomeLayout.cshtml
index 469cef793..6c75623eb 100644
--- a/BTCPayServer/Views/Account/_WelcomeLayout.cshtml
+++ b/BTCPayServer/Views/Account/_WelcomeLayout.cshtml
@@ -8,12 +8,21 @@
 <head>
     <partial name="Header" />
     <style>
+        .col-head {
+            display: flex;
+            align-items: center;
+        }
+        .head-logo {
+            height: 100px;
+            margin-right: 50px;
+        }
+
         .lead-title {
             font-family: Montserrat;
             font-style: normal;
-            font-weight: 600;
+            font-weight: bold;
             font-size: 40px;
-            line-height: 60px;
+            line-height: 1.2;
             /* or 150% */
             letter-spacing: 0.1em;
             color: #000000;
@@ -50,10 +59,14 @@
         <div class="navbar-brand" style="display:none;"></div>
         <div class="container">
             <div class="row">
-                <div class="col-md-7">
-                    <a asp-controller="Home" asp-action="Index"><img src="~/img/btcpay-logo.svg" alt="BTCPay Server" height="100" style="margin-bottom:30px;" /></a>
+                <div class="col-12 col-head">
+                    <a asp-controller="Home" asp-action="Index"><img src="~/img/btcpay-logo.svg" alt="BTCPay Server" class="head-logo" /></a>
                     <h1 class="lead-title text-uppercase">Welcome to your BTCPay Server</h1>
-                    <hr class="primary ml-0" style="margin-bottom:30px; margin-top:30px;">
+                </div>
+            </div>
+            <div class="row">
+                <div class="col-md-7 order-md-1 order-2">
+                    <hr class="primary ml-0" style="margin:30px auto;">
                     <p class="lead-login" style="margin-bottom:69px;">BTCPay Server lets you process Bitcoin transactions seemlessly, enabling global and near-instant peer-to-peer payments</p>
                     <h3 class="lead-h">Our supporters</h3>
                     <div class="figure">
@@ -65,12 +78,12 @@
                         </div>
                     </div>
                 </div>
-                <div class="col-md-5" style="margin-top:50px;">
+                <div class="col-md-5 order-md-2 order-1">
                     @RenderBody()
                 </div>
             </div>
         </div>
-    </section>
+</section>
     @await Html.PartialAsync("_ValidationScriptsPartial")
 </body>
 </html>
diff --git a/BTCPayServer/wwwroot/img/btcpay-logo.svg b/BTCPayServer/wwwroot/img/btcpay-logo.svg
index 15620b365..f678147a2 100644
--- a/BTCPayServer/wwwroot/img/btcpay-logo.svg
+++ b/BTCPayServer/wwwroot/img/btcpay-logo.svg
@@ -7,9 +7,7 @@
    xmlns="http://www.w3.org/2000/svg"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   viewBox="650 0 1706.6667 1066.6667"
-   height="1066.6667"
-   width="1706.6667"
+   viewBox="650 0 590 1066.6667"
    xml:space="preserve"
    id="svg2"
    version="1.1"
@@ -94,4 +92,4 @@
              id="path166"
              style="fill:#cedc21;fill-opacity:1;fill-rule:nonzero;stroke:none"
              d="M 0,0 C -4.573,0 -8.281,-3.708 -8.281,-8.281 V -112.496 H 8.281 V -8.281 C 8.281,-3.708 4.573,0 0,0"
-             inkscape:connector-curvature="0" /></g></g></g></g></svg>
\ No newline at end of file
+             inkscape:connector-curvature="0" /></g></g></g></g></svg>
