From 184e579d78125c26ca8bdf1e8c0a165358722977 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ren=C3=A9=20Puls?= <rp@kianga.eu>
Date: Mon, 16 Jan 2023 21:18:39 +0100
Subject: [PATCH] Move status bar to top

The on-screen keyboard on mobile devices hides the bottom status bar. At the top it should always remain visible while the user is typing.
---
 style.css | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/style.css b/style.css
index c9164f7..f95062f 100644
--- a/style.css
+++ b/style.css
@@ -16,6 +16,7 @@ body {
     line-height: 150%;
     width: 100%;
     height: calc(100% - 2rem);
+    bottom: 0;
     padding: 1rem;
     border-style: none;
     resize: none;
@@ -29,12 +30,12 @@ body {
     background-color: #333;
     color: #fff;
     position: absolute;
-    bottom: 0;
+    top: 0;
     width: 100%;
     box-sizing: border-box;
     padding: 0 1rem;
     line-height: 2rem;
-    border-top: 1px solid #666;
+    border-bottom: 1px solid #666;
 }
 
 @media (prefers-color-scheme: light) {
@@ -46,6 +47,6 @@ body {
     #status {
         background-color: #ccc;
         color: #000;
-        border-top: 1px solid #999;
+        border-bottom: 1px solid #999;
     }
 }