Widen thread modal and improve textarea spacing

src/thread-modal.ts

@@ -10,8 +10,10 @@ export class ThreadModal extends Modal {
 
     onOpen(): void {
         const { contentEl } = this;
+        this.modalEl.addClass("unicode-thread-modal");
+        this.modalEl.style.width = "700px";
+        this.modalEl.style.maxWidth = "85vw";
         contentEl.empty();
-        contentEl.addClass("unicode-thread-modal");
 
         const headingText = this.tweets.length === 1
             ? "X post"

styles.css

@@ -8,7 +8,7 @@
 .unicode-thread-modal .thread-tweet-item {
     display: flex;
     flex-direction: column;
-    gap: 4px;
+    gap: 8px;
 }
 
 .unicode-thread-modal .thread-tweet-header {
@@ -23,9 +23,15 @@
     color: var(--text-muted);
 }
 
+.unicode-thread-modal {
+    max-width: 700px;
+    width: 85vw;
+}
+
 .unicode-thread-modal .thread-tweet-textarea {
     width: 100%;
-    min-height: 60px;
+    min-height: 120px;
+    box-sizing: border-box;
     resize: vertical;
     font-family: var(--font-text);
     font-size: var(--font-text-size);
@@ -38,6 +44,7 @@
 
 .unicode-thread-modal .thread-copy-button {
     align-self: flex-end;
+    margin-top: 4px;
 }
 
 .unicode-thread-modal .thread-copy-all-button {