From eb036d558ff5758bd1f3333e359e77111b861aaf Mon Sep 17 00:00:00 2001
From: Marie <Marie@kaifa.ch>
Date: Sat, 23 Dec 2023 19:21:37 +0100
Subject: [PATCH] fix: note footer not properly resizing

---
 packages/frontend/src/components/MkNote.vue    | 3 ++-
 packages/frontend/src/components/MkNoteSub.vue | 3 ++-
 packages/frontend/src/components/SkNote.vue    | 3 ++-
 packages/frontend/src/components/SkNoteSub.vue | 3 ++-
 4 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/packages/frontend/src/components/MkNote.vue b/packages/frontend/src/components/MkNote.vue
index 9ecf21071..cdd2cccb2 100644
--- a/packages/frontend/src/components/MkNote.vue
+++ b/packages/frontend/src/components/MkNote.vue
@@ -829,7 +829,8 @@ function emitUpdReaction(emoji: string, delta: number) {
 		z-index: 1;
 		margin-top: 0.4em;
 		width: max-content;
-		min-width: max-content;
+		min-width: min-content;
+		max-width: fit-content;
 	}
 
 	&:hover > .article > .main > .footer > .footerButton {
diff --git a/packages/frontend/src/components/MkNoteSub.vue b/packages/frontend/src/components/MkNoteSub.vue
index 8d394c0c1..c61f0836b 100644
--- a/packages/frontend/src/components/MkNoteSub.vue
+++ b/packages/frontend/src/components/MkNoteSub.vue
@@ -415,7 +415,8 @@ if (props.detail) {
 		z-index: 1;
 		margin-top: 0.4em;
 		width: max-content;
-		min-width: max-content;
+		min-width: min-content;
+		max-width: fit-content;
 }
 
 .main {
diff --git a/packages/frontend/src/components/SkNote.vue b/packages/frontend/src/components/SkNote.vue
index cb3786133..83909654c 100644
--- a/packages/frontend/src/components/SkNote.vue
+++ b/packages/frontend/src/components/SkNote.vue
@@ -830,7 +830,8 @@ function emitUpdReaction(emoji: string, delta: number) {
 		z-index: 1;
 		margin-top: 0.4em;
 		width: max-content;
-		min-width: max-content;
+		min-width: min-content;
+		max-width: fit-content;
 	}
 
 	&:hover > .article > .main > .footer > .footerButton {
diff --git a/packages/frontend/src/components/SkNoteSub.vue b/packages/frontend/src/components/SkNoteSub.vue
index fc30dc87a..f0653d6ec 100644
--- a/packages/frontend/src/components/SkNoteSub.vue
+++ b/packages/frontend/src/components/SkNoteSub.vue
@@ -432,7 +432,8 @@ if (props.detail) {
 	z-index: 1;
 	margin-top: 0.4em;
 	width: max-content;
-	min-width: max-content;
+	min-width: min-content;
+	max-width: fit-content;
 }
 
 .main {