From 9f992044b25c762942d670cc4be621fd68d132b1 Mon Sep 17 00:00:00 2001
From: OFF0 <offbyn@protonmail.com>
Date: Sat, 10 Dec 2022 16:08:37 +0100
Subject: [PATCH] send: update layout on mobile

On mobile the keyboard covered half of the buttons, changed form
to be aligned at the top of the screen and made textarea a bit
smaller so that the mobile keyboard and the form are both visible.
---
 src/form.css  | 8 ++++++++
 src/write.css | 5 +++++
 2 files changed, 13 insertions(+)

diff --git a/src/form.css b/src/form.css
index 4c6fca1..1c9d56e 100644
--- a/src/form.css
+++ b/src/form.css
@@ -76,6 +76,14 @@ textarea:focus {
 #newMessage textarea:focus {
   min-height: 18rem;
 }
+@media (orientation: portrait) {
+  #newMessage textarea {
+    min-height: 8rem;
+  }
+  #newMessage textarea:focus {
+    min-height: 15rem;
+  }
+}
 
 .buttons {
   align-items: center;
diff --git a/src/write.css b/src/write.css
index 158bfd3..d185f56 100644
--- a/src/write.css
+++ b/src/write.css
@@ -24,6 +24,11 @@
   width: 100vw;
   z-index: 20;
 }
+@media (orientation: portrait) {
+  #newMessage {
+    align-items: start;
+  }
+}
 
 #newMessage #writeForm {
   align-items: start;