From 211bd4d2d87c0f8985903a74d90d14fee894ad4a Mon Sep 17 00:00:00 2001
From: fly_mc <me@flymc.cc>
Date: Fri, 18 Oct 2024 00:29:57 +0800
Subject: [PATCH] tweak noteFooterButton in MkNoteDetailed

---
 .../src/components/MkNoteDetailed.vue         | 22 ++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/packages/frontend/src/components/MkNoteDetailed.vue b/packages/frontend/src/components/MkNoteDetailed.vue
index 2d57e6d2f..4a9be47bf 100644
--- a/packages/frontend/src/components/MkNoteDetailed.vue
+++ b/packages/frontend/src/components/MkNoteDetailed.vue
@@ -881,7 +881,7 @@ onMounted(() => {
 
 .noteFooterButton {
 	margin: 0;
-	padding: 6px;
+	padding: 8px;
 	opacity: 0.7;
 
 	&:not(:last-child) {
@@ -909,6 +909,26 @@ onMounted(() => {
 	}
 }
 
+@container (max-width: 400px) {
+	.root {
+		.noteFooterButton {
+			&:not(:last-child) {
+				margin-right: 0.2em;
+			}
+		}
+	}
+}
+
+@container (max-width: 350px) {
+	.root {
+		.noteFooterButton {
+			&:not(:last-child) {
+				margin-right: 0.1em;
+			}
+		}
+	}
+}
+
 .reply:not(:first-child) {
 	border-top: solid 0.5px var(--MI_THEME-divider);
 }