From e848abda835847ec172622d78b923c959dd27f25 Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Wed, 17 Aug 2022 12:36:16 -0400
Subject: [PATCH] Tablet cleanup

---
 src/layouts/page/keep-what-is-yours.html | 31 +++++++++++++++++++++---
 1 file changed, 28 insertions(+), 3 deletions(-)

diff --git a/src/layouts/page/keep-what-is-yours.html b/src/layouts/page/keep-what-is-yours.html
index 48acaf4..089ebeb 100644
--- a/src/layouts/page/keep-what-is-yours.html
+++ b/src/layouts/page/keep-what-is-yours.html
@@ -53,6 +53,31 @@
         }
     }
 
+    @media only screen and (max-width: 992px) and (min-width: 576px)  {
+
+      #keep-btn-top{
+        width:75%;
+      }
+
+      #keep-btn-bottom{
+        width:49%;
+      }
+
+      .whitepaper-btn-right{
+        width: 49%;
+      }
+
+      .boiler{
+        width:75%;
+      }
+
+      .whitepaper-syne-btn,
+      .discord-syne-btn{
+        width:100%;
+      }
+
+    }
+
   </style>
 
   <img id="tea-steam-dark-1" src="/Images/tea-steam-dark-1.svg" alt="">
@@ -60,7 +85,7 @@
   <div class="container pt-5 pb-5">
     <div class="row">
       <div class="col" style="z-index:100;">
-        <h1 class="prompt yellow">KEEP <br>WHAT IS <br>YOURS.<a class="btn btn-primary auth-btn mb-3 mt-5 ms-lg-5 ms-md-5 ms-sm-0 ms-0" id="keep-btn-top" style="font-family:var(--bs-body-font-family)!important; vertical-align:bottom;" href="https://github.com/login/oauth/authorize?client_id=9d1f1a72f1300b6991df&state=teaxyz" role="button">Authenticate with GitHub</a></h1>
+        <h1 class="prompt yellow">KEEP <br>WHAT IS <br>YOURS.<a class="btn btn-primary auth-btn mb-3 mt-5 ms-lg-5 ms-md-0 ms-sm-0 ms-0" id="keep-btn-top" style="font-family:var(--bs-body-font-family)!important; vertical-align:bottom;" href="https://github.com/login/oauth/authorize?client_id=9d1f1a72f1300b6991df&state=teaxyz" role="button">Authenticate with GitHub</a></h1>
         <p style="color:#b3c8c8;" class="mt-5 mb-5 lead">Equitable Open-Source for web3</p>
       </div>
     </div>
@@ -229,7 +254,7 @@
      <div class="col-lg-4 col-md-4 col-sm-12 col-12 syne-col pt-5 pb-3" style="display:flex; flex-direction:column;">
        <hr class="syne-hr">
        <h3 class="mb-4">We’re calling on all open‐source devs to authenticate their Github with tea.</h3>
-       <a class="btn btn-primary mb-sm-0 mb-md-5 mb-0" id="whitepaper-btn" href="/white-paper/"
+       <a class="btn btn-primary mb-sm-0 mb-md-5 mb-0 whitepaper-syne-btn" id="whitepaper-btn" href="/white-paper/"
          role="button" style="background:transparent;">Read Our White Paper</a>
        <hr class="syne-hr d-none d-lg-block" style="margin-top:auto;">
      </div>
@@ -243,7 +268,7 @@
      <div class="col-lg-4 col-md-4 col-sm-12 col-12 syne-col pt-5 pb-3">
        <hr class="syne-hr">
        <h3 class="mb-4">Join our discord, where you can talk to our team on the regular and ask anything.</h3>
-       <a class="btn btn-primary mb-sm-0 mb-md-5 mb-0" id="whitepaper-btn" href="https://discord.gg/KCZsXfJphn"
+       <a class="btn btn-primary mb-sm-0 mb-md-5 mb-0 discord-syne-btn" id="whitepaper-btn" href="https://discord.gg/KCZsXfJphn"
          role="button" style="background:transparent;">Join our Discord</a>
        <hr class="syne-hr d-none d-lg-block">
      </div>