From 7ae93706e0602bbe4f09f706084f8d39e4566588 Mon Sep 17 00:00:00 2001
From: Arzumify <jliwin98@hectabit.org>
Date: Sat, 15 Jun 2024 20:15:43 +0100
Subject: [PATCH] Small usability features on small screens

---
 index.html           | 4 ++--
 static/css/style.css | 8 ++++++--
 2 files changed, 8 insertions(+), 4 deletions(-)
diff --git a/index.html b/index.html
index c672625..7b13078 100644
--- a/index.html
+++ b/index.html
@@ -15,11 +15,11 @@
 <body>
     <br><br><br>
     <div class="mainDiv">
-        <div class="startDiv downloadDiv">
+        <div class="startDiv">
             <h1>The safe home for your notes</h1>
             <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">
+            <div class="hAlign downloadDiv">
                 <a href="/download">Download</a>
                 <div class="vAlign"><p> or </p></div>
                 <a href="/app">Open in your web browser</a>
diff --git a/static/css/style.css b/static/css/style.css
index e1efb46..2b45b56 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -594,6 +594,7 @@ iframe#markdown {
     border-color: var(--border-color);
     border-width: 1px;
     border-radius: 25px;
+    min-width: 20px;
 }
 
 .inoutdiv button {
@@ -722,9 +723,12 @@ iframe#markdown {
     flex-direction: column;
 }
 
+.downloadDiv {
+    flex-wrap: wrap;
+}
+
 .downloadDiv p {
-    margin-top: 10px;
-    margin-bottom: 10px;
+    margin: 0px;
 }
 
 .downloadDiv a {
