From 31b0d2e7eb7479ebeb74c10bf89c49f5880b5d20 Mon Sep 17 00:00:00 2001
From: SauceyRed <saucey@saucey.red>
Date: Wed, 6 Aug 2025 21:13:30 +0200
Subject: [PATCH] style(ui): improve styling of media-embedded messages

---
 components/MessageMedia.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/components/MessageMedia.vue b/components/MessageMedia.vue
index ab62387..0a8ff16 100644
--- a/components/MessageMedia.vue
+++ b/components/MessageMedia.vue
@@ -34,9 +34,16 @@ function createModal(link: string) {
 <style scoped>
 
 .media-container {
+	display: flex;
 	grid-column: 2;
 	grid-row: 3;
-	margin-left: .5dvw;
+	gap: .2rem;
+}
+
+.grouped-message .media-container {
+	display: flex;
+	grid-column: 2;
+	grid-row: 2;
 }
 
 .media-item {