From a56e12149bc4ef0cc1082ee75b0546116f4c5872 Mon Sep 17 00:00:00 2001
From: JustTemmie <47639983+JustTemmie@users.noreply.github.com>
Date: Tue, 3 Jun 2025 06:15:51 +0200
Subject: [PATCH] fix: modify message css to avoid weird line spacing

---
 components/Message.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/components/Message.vue b/components/Message.vue
index 64af1d9..5db6ec3 100644
--- a/components/Message.vue
+++ b/components/Message.vue
@@ -19,7 +19,7 @@
 	<div v-else ref="messageElement" :id="props.last ? 'last-message' : undefined" class="message grouped-message" tabindex="0">
 		<div class="left-column">
 			<div>
-				<span :class="{ 'invisible': dateHidden }" class="message-date" :title="date.toString()">
+				<span :class="{ 'invisible': dateHidden }" class="message-date side-message-date" :title="date.toString()">
 					{{ messageDate }}
 				</span>
 			</div>
@@ -140,7 +140,7 @@ onMounted(async () => {
 }
 
 .left-column {
-	margin-right: .5dvw;
+	min-width: 4dvw;
 	text-align: center;
 	align-content: center;
 }
@@ -156,6 +156,10 @@ onMounted(async () => {
 	cursor: default;
 }
 
+.side-message-date {
+	font-size: .625em;
+}
+
 /*
 .message-date-tooltip {
 	height: 20px;;