Small usability features on small screens
This commit is contained in:
parent
ae03eaf8c1
commit
7ae93706e0
|
@ -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>
|
||||
|
|
|
@ -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 {
|
||||
|
|
Reference in New Issue