From 4b2c3af5e552eec91a027a240dd7da589916b6fb Mon Sep 17 00:00:00 2001
From: SauceyRed <saucey@saucey.red>
Date: Sat, 31 May 2025 17:13:59 +0200
Subject: [PATCH] feat: change styling of message area a bit

---
 components/MessageArea.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/components/MessageArea.vue b/components/MessageArea.vue
index 4259365..ff523cf 100644
--- a/components/MessageArea.vue
+++ b/components/MessageArea.vue
@@ -175,6 +175,8 @@ onMounted(async () => {
 	padding-bottom: 1dvh;
 	padding-top: 1dvh;
 	margin-bottom: 1dvh;
+	margin-left: 1dvw;
+	margin-right: 1dvw;
 }
 
 #message-form {
@@ -196,6 +198,8 @@ onMounted(async () => {
 	display: flex;
 	flex-direction: column;
 	gap: 1dvh;
+	padding-left: 1dvw;
+	padding-right: 1dvw;
 }
 
 #submit-button {