From 4810e9d634e7d206aad64bab6e8273c5feaa93cf Mon Sep 17 00:00:00 2001
From: Vazhin Tayeb <vazhintayeb@gmail.com>
Date: Tue, 19 Jan 2021 12:26:47 +0300
Subject: [PATCH] Customizes QR Code page

---
 .../Views/Account/RegisterMobileDevice.cshtml | 19 +++++++------------
 .../Views/Shared/_Nav.cshtml                  |  4 ++--
 2 files changed, 9 insertions(+), 14 deletions(-)

diff --git a/CSharp/AuthorizationServer/Views/Account/RegisterMobileDevice.cshtml b/CSharp/AuthorizationServer/Views/Account/RegisterMobileDevice.cshtml
index 8fbafa0..62c6e49 100644
--- a/CSharp/AuthorizationServer/Views/Account/RegisterMobileDevice.cshtml
+++ b/CSharp/AuthorizationServer/Views/Account/RegisterMobileDevice.cshtml
@@ -1,33 +1,28 @@
 @model OidcSamples.AuthorizationServer.Quickstart.Account.TotpViewModel
 
 <div>
-    <div class="page-header">
-        <h1>Register for MFA</h1>
-    </div>
-
     <partial name="_ValidationSummary" />
 
-    <div class="row">
+    <div class="row justify-content-center align-items-center">
         <div class="col-sm-6">
-            <div class="panel panel-default">
+            <div class="card p-5">
+                <h3 class="text-custom">Register Moble Device</h3>
+                <div class="panel panel-default">
                 <div class="panel-heading">
-                    <h3 class="panel-title">Scan the QR code with your authenticator application</h3>
+                    <h5 class="panel-title font-weight-normal mb-4 mt-3">Scan the QR code with your authenticator application</h5>
                 </div>
                 <div class="panel-body">
                     <form asp-route="RegisterForMfa">
                         <fieldset>
                             <input type="hidden" asp-for="Secret" />
-                            <div class="form-group">
+                            <div class="form-group d-flex justify-content-center align-items-center my-2">
                                 <div id="qrCode"></div>
                             </div>
-
-                            <div class="form-group">
-                                <button class="btn btn-primary">Registration successful</button>
-                            </div>
                         </fieldset>
                     </form>
                 </div>
             </div>
+            </div>
         </div>
     </div>
 </div>
diff --git a/CSharp/AuthorizationServer/Views/Shared/_Nav.cshtml b/CSharp/AuthorizationServer/Views/Shared/_Nav.cshtml
index 7c2ac0a..f0ef7af 100644
--- a/CSharp/AuthorizationServer/Views/Shared/_Nav.cshtml
+++ b/CSharp/AuthorizationServer/Views/Shared/_Nav.cshtml
@@ -24,8 +24,8 @@
                             data-toggle="dropdown">@name <b class="caret"></b></a>
 
                         <div class="dropdown-menu">
-                            <a class="dropdown-item" asp-action="RegisterMobileDevice"
-                                asp-controller="Account">RegisterMobileDevice</a>
+                            <a class="dropdown-item" asp-action="RegisterMobileDevice" asp-controller="Account">Register
+                                Mobile Device</a>
                             <a class="dropdown-item" asp-action="Logout" asp-controller="Account">Logout</a>
                         </div>
                     </li>