From 364b1b9d8f09553a6214b257c2bea3f869093bfc Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Wed, 17 Aug 2022 11:22:56 -0400
Subject: [PATCH] Mobile optimization

---
 src/layouts/page/keep-what-is-yours.html | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/layouts/page/keep-what-is-yours.html b/src/layouts/page/keep-what-is-yours.html
index 4856ff9..500aa24 100644
--- a/src/layouts/page/keep-what-is-yours.html
+++ b/src/layouts/page/keep-what-is-yours.html
@@ -70,7 +70,7 @@
         <div class="row">
           <div class="col-lg-6 p-0">
             <a class="btn btn-primary auth-btn mb-3 mt-4" id="keep-btn-bottom" href="https://github.com/login/oauth/authorize?client_id=9d1f1a72f1300b6991df&state=teaxyz" role="button">Authenticate with GitHub</a>
-            <a class="btn btn-primary mt-4" id="whitepaper-btn" href="/white-paper/"
+            <a class="btn btn-primary mt-lg-4 mt-md-4 mt-sm-0 mt-0 whitepaper-btn-right" id="whitepaper-btn" href="/white-paper/"
               role="button" style="background:transparent; float:right;">Read Our White Paper</a>
           </div>
         </div>
@@ -109,8 +109,9 @@
       </div>
     </div>
 
-    <style>
+<!-- Styling for Subscibe form -->
 
+    <style>
 
       @media only screen and (max-width: 576px) {
 
@@ -124,6 +125,11 @@
           margin-bottom:20px;
         }
 
+        .whitepaper-btn-right{
+          width:100%;
+          margin-bottom: 10px;
+        }
+
       }
 
       @media only screen and (min-width: 576px) {
@@ -141,6 +147,8 @@
 
     </style>
 
+<!-- End styling for subscribe form -->
+
 <!-- Start three column value props -->
 
 <style>