From a5f0576a12a31f8e3dab25423a7bf64c4d3ceeb7 Mon Sep 17 00:00:00 2001 From: SauceyRed Date: Mon, 11 Aug 2025 01:12:34 +0200 Subject: [PATCH 1/2] style(ui): add padding to all messages and remove margin from grouped messages --- components/Message.vue | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/components/Message.vue b/components/Message.vue index 63831bf..80d7b9a 100644 --- a/components/Message.vue +++ b/components/Message.vue @@ -195,6 +195,8 @@ function getDayDifference(date1: Date, date2: Date) { align-items: center; width: 100%; overflow-wrap: anywhere; + padding-top: .2rem; + padding-bottom: .2rem; } .message-reply-preview { @@ -210,10 +212,6 @@ function getDayDifference(date1: Date, date2: Date) { margin-top: 1dvh; } -.grouped-message { - margin-top: .3em; -} - .message-metadata { display: flex; gap: .5dvw; From f38f26a6025bf40b2a797040165db465e6d35562 Mon Sep 17 00:00:00 2001 From: SauceyRed Date: Mon, 11 Aug 2025 01:13:04 +0200 Subject: [PATCH 2/2] style(ui): decrease bottom padding for messages div --- components/MessageArea.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/components/MessageArea.vue b/components/MessageArea.vue index b11205c..abec6a8 100644 --- a/components/MessageArea.vue +++ b/components/MessageArea.vue @@ -384,7 +384,7 @@ router.beforeEach((to, from, next) => { flex-direction: column; padding-left: 1dvw; padding-right: 1dvw; - padding-bottom: 2em; + padding-bottom: 1em; } .message-box-button {