Styling

app/components/admin/Answer.vue

@@ -176,12 +176,16 @@ async function submit() {
           v-model="formData.cloned.value.review"
           label="Review"
           messages="Will be shown publicly!"
+          max-length="2000"
+          counter
         />
         <VaDivider />
         <VaTextarea
           v-model="formData.cloned.value.internalNote"
           label="Internal note"
           messages="Only internal, the team won't see this!"
+          max-length="256"
+          counter
         />
         <p v-if="answer.review?.reviewer">
           Reviewed by {{ answer.review?.reviewer?.name }} at

app/pages/hunt/[huntSlug]/[questSlug]/index.vue

@@ -163,10 +163,18 @@ const createImageURL = (file: File) => URL.createObjectURL(file);
             <VaChip color="success">{{ data.answer.review.score }}</VaChip>
             <span v-if="data.answer.review.reviewer" class="text-sm">
               by {{ data.answer.review.reviewer.name }} at
-              {{ d(data.answer.updatedAt, fullDate) }}</span
+              {{ d(data.answer.review.updatedAt, fullDate) }}</span
             >
           </p>
-          <p class="italic">{{ data.answer.review.review }}</p>
+          <div class="flex max-h-[60dvh] flex-col gap-2 overflow-y-auto pr-4">
+            <p
+              v-for="(line, i) in data.answer.review.review.split('\n')"
+              :key="i"
+              class="italic"
+            >
+              {{ line }}
+            </p>
+          </div>
         </VaCardContent>
       </VaCard>
       <VaCard