From 73628f3b2c8734c52725a22eedc56ce1a7177173 Mon Sep 17 00:00:00 2001
From: Arzumify <jliwin98@hectabit.org>
Date: Thu, 20 Jun 2024 19:46:01 +0100
Subject: [PATCH] Fixed the buttons not being centered correctly on mobile

---
 index.html           | 4 ++--
 static/css/style.css | 3 ++-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 7b13078..7dfc41b 100644
--- a/index.html
+++ b/index.html
@@ -20,9 +20,9 @@
             <p class="burgerText">Burgernotes is the number one service for storing your <b>shopping list</b>, <b>tasks'n todos</b>, <b>code snippets</b> plus more. And it's totally free.</p>
             <br>
             <div class="hAlign downloadDiv">
-                <a href="/download">Download</a>
+                <a href="/download"><div class="vAlign"><text>Download</text></div></a>
                 <div class="vAlign"><p> or </p></div>
-                <a href="/app">Open in your web browser</a>
+                <a href="/app"><div class="vAlign"><text>Open in your web browser</text></div></a>
             </div>
             <br><br>
             <br>
diff --git a/static/css/style.css b/static/css/style.css
index 2b45b56..66f72c3 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -752,7 +752,7 @@ iframe#markdown {
 }
 
 .mainDiv .feature {
-    width: calc(100% - 12vh - 12vh - 3.5vh);
+    max-width: calc(100% - 12vh - 12vh - 3.5vh);
     margin-bottom: 10px;
     margin-left: 12vh;
     margin-right: 12vh;
@@ -765,6 +765,7 @@ iframe#markdown {
     padding-top: 15px;
     font-size: 17px;
     padding-bottom: 30px;
+    overflow-x: auto;
 }
 
 .mainDiv .green {