Small usability features on small screens

This commit is contained in:
Tracker-Friendly 2024-06-15 20:15:43 +01:00
parent ae03eaf8c1
commit 7ae93706e0
2 changed files with 8 additions and 4 deletions

View File

@ -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>

View File

@ -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 {