From 85aa0c06bc0b9af1513f140a9ed9ca4eef12f7d3 Mon Sep 17 00:00:00 2001
From: Insert5StarName <anime@shourai.de>
Date: Sun, 15 Oct 2023 19:01:28 +0200
Subject: [PATCH] fix: make MKNoteSub scale correctly

---
 packages/frontend/src/components/MkNoteSub.vue | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/packages/frontend/src/components/MkNoteSub.vue b/packages/frontend/src/components/MkNoteSub.vue
index 997689235..851be936c 100644
--- a/packages/frontend/src/components/MkNoteSub.vue
+++ b/packages/frontend/src/components/MkNoteSub.vue
@@ -19,7 +19,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 					<MkSubNoteContent :class="$style.text" :note="note"/>
 				</div>
 			</div>
-			<footer>
+			<footer :class="$style.footer">
 				<MkReactionsViewer ref="reactionsViewer" :note="note"/>
 				<button class="_button" :class="$style.noteFooterButton" @click="reply()">
 					<i class="ph-arrow-u-up-left ph-bold pg-lg"></i>
@@ -394,6 +394,14 @@ if (props.detail) {
 	}
 }
 
+.footer {
+		position: relative;
+		z-index: 1;
+		margin-top: 0.4em;
+		width: max-content;
+		min-width: max-content;
+}
+
 .main {
 	display: flex;
 }
@@ -433,7 +441,7 @@ if (props.detail) {
 	opacity: 0.7;
 
 	&:not(:last-child) {
-		margin-right: 14px;
+		margin-right: 1.5em;
 	}
 
 	&:hover {