From 510e416f327d71c5c95b5aee7b1aedc58da858b7 Mon Sep 17 00:00:00 2001
From: Alejandro Gomez <alejandro@strike.me>
Date: Tue, 10 Jan 2023 16:41:35 +0100
Subject: [PATCH 1/2] fix: use all available width for note creator text area

---
 src/element/NoteCreator.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/element/NoteCreator.css b/src/element/NoteCreator.css
index 95aacdf..2a3205a 100644
--- a/src/element/NoteCreator.css
+++ b/src/element/NoteCreator.css
@@ -12,7 +12,12 @@
     max-height: 300px;
     border-radius: 10px 10px 0 0;
     max-width: -webkit-fill-available;
+    max-width: -moz-available;
+    max-width: fill-available;
+    min-width: 100%;
     min-width: -webkit-fill-available;
+    min-width: -moz-available;
+    min-width: fill-available;
 }
 
 .note-creator .actions {

From 40287a614056be95ae06d3cc95c17afecd5ed8c4 Mon Sep 17 00:00:00 2001
From: Alejandro Gomez <alejandro@strike.me>
Date: Tue, 10 Jan 2023 17:25:52 +0100
Subject: [PATCH 2/2] add w-max to textarea

---
 src/element/NoteCreator.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/element/NoteCreator.js b/src/element/NoteCreator.js
index 978bbdd..9658236 100644
--- a/src/element/NoteCreator.js
+++ b/src/element/NoteCreator.js
@@ -50,7 +50,7 @@ export function NoteCreator(props) {
             {replyTo ? <small>{`Reply to: ${replyTo.Id.substring(0, 8)}`}</small> : null}
             <div className="flex note-creator" onClick={() => setActive(true)}>
                 <div className="textarea flex f-col mr10 f-grow">
-                    <textarea className="textarea" placeholder="Say something!" value={note} onChange={(e) => setNote(e.target.value)} />
+                    <textarea className="textarea w-max" placeholder="Say something!" value={note} onChange={(e) => setNote(e.target.value)} />
                     {active ? <div className="actions flex f-row">
                         <div className="attachment flex f-row">
                             {error.length > 0 ? <b className="error">{error}</b> : null}