From 86fbb383fd11242fbc596b03cf0cb610415bf30f Mon Sep 17 00:00:00 2001
From: Prospector <6166773+Prospector@users.noreply.github.com>
Date: Sat, 5 Mar 2022 12:09:31 -0800
Subject: [PATCH] Fix changelog textarea being unusably small (#381)

---
 pages/_type/_id/version.vue | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/pages/_type/_id/version.vue b/pages/_type/_id/version.vue
index 2c36e2888..107dc7d1c 100644
--- a/pages/_type/_id/version.vue
+++ b/pages/_type/_id/version.vue
@@ -137,7 +137,12 @@
           :items="['source', 'preview']"
         />
         <div v-if="changelogViewMode === 'source'" class="textarea-wrapper">
-          <textarea id="body" v-model="version.changelog" />
+          <textarea
+            id="body"
+            v-model="version.changelog"
+            class="changelog-textarea"
+            spellcheck="true"
+          />
         </div>
         <div
           v-if="changelogViewMode === 'preview'"
@@ -1048,4 +1053,16 @@ section {
 .styled-tabs {
   margin-bottom: var(--spacing-card-sm);
 }
+
+.textarea-wrapper {
+  display: inline-block;
+  width: 100%;
+}
+
+.changelog-textarea {
+  resize: vertical;
+  width: calc(100% - var(--spacing-card-lg) - var(--spacing-card-md));
+  min-height: 10rem;
+  display: block;
+}
 </style>