From deb76f97cde4830e4a3e7b907f4579f039f7584b Mon Sep 17 00:00:00 2001
From: Samuel Mannehed <samuel@cendio.se>
Date: Mon, 13 Jan 2025 00:03:30 +0100
Subject: [PATCH] Add some sane default CSS for textareas

---
 app/styles/input.css | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/app/styles/input.css b/app/styles/input.css
index 66626779..3624ce96 100644
--- a/app/styles/input.css
+++ b/app/styles/input.css
@@ -77,6 +77,17 @@ textarea:focus-visible {
     outline-offset: -1px;
 }
 
+textarea {
+    margin: unset; /* Remove Firefox's built in margin */
+    /* Prevent layout from shifting when scrollbars show */
+    scrollbar-gutter: stable;
+    /* Make textareas show at minimum one line. This does not work when
+       using box-sizing border-box, in which case, vertical padding and
+       border width needs to be taken into account. */
+    min-height: 1em;
+    vertical-align: baseline; /* Firefox gives "text-bottom" by default */
+}
+
 /* ------- BUTTON ACTIVATIONS -------- */
 
 /* A color overlay that depends on the activation level. The level can then be