make bar shorter

1 files changed, 8 insertions, 5 deletions

diff --git a/dist/callback.html b/dist/callback.html
index f84420f..37b8629 100644
--- a/dist/callback.html
+++ b/dist/callback.html
@@ -8,7 +8,7 @@ body {
 }
 
 .sidenav {
-  height: 100%;
+  height: 30%;
   width: 220px;
   position: fixed;
   z-index: 1;
@@ -43,10 +43,10 @@ body {
   font-size: 28px; /* Increased text to enable scrolling */
   padding: 0px 10px;
 }
-.main p{
-  margin-left: 220px; /* Same as the width of the sidenav */
-  font-size: 15px; /* Increased text to enable scrolling */
-  padding: 0px 10px;
+.out {
+  margin-left: 0px; /* Same as the width of the sidenav */
+  font-size: 16px; /* Increased text to enable scrolling */
+  padding-top: 32%;
 }
 
 @media screen and (max-height: 450px) {
@@ -69,6 +69,9 @@ body {
     <button id="Match_button" onclick="match_users()">Match users</button>
     <h1 id="output"></h1>
 </div>
+<div class="out">
+    <h1 id="output"></h1>
+</div>
     <script>
         function getParameterByName(name) {
             let url = window.location.href;