From a977d4316d596ce89f1fec55d6962262a9405d12 Mon Sep 17 00:00:00 2001
From: Insert5StarName <anime@shourai.de>
Date: Sun, 15 Oct 2023 19:25:36 +0200
Subject: [PATCH] fix: wrong scaling in notifications container

---
 packages/frontend/src/components/MkNote.vue    | 6 +++---
 packages/frontend/src/components/MkNoteSub.vue | 7 +++++++
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/packages/frontend/src/components/MkNote.vue b/packages/frontend/src/components/MkNote.vue
index 05a2459a96..987c126b33 100644
--- a/packages/frontend/src/components/MkNote.vue
+++ b/packages/frontend/src/components/MkNote.vue
@@ -1025,7 +1025,7 @@ function readPromo() {
 	.root:not(.showActionsOnlyHover) {
 		.footerButton {
 			&:not(:last-child) {
-				margin-right: 18px;
+				margin-right: 0.2em;
 			}
 		}
 	}
@@ -1035,7 +1035,7 @@ function readPromo() {
 	.root:not(.showActionsOnlyHover) {
 		.footerButton {
 			&:not(:last-child) {
-				margin-right: 12px;
+				margin-right: 0.1em;
 			}
 		}
 	}
@@ -1057,7 +1057,7 @@ function readPromo() {
 	.root:not(.showActionsOnlyHover) {
 		.footerButton {
 			&:not(:last-child) {
-				margin-right: 8px;
+				margin-right: 0.1em;
 			}
 		}
 	}
diff --git a/packages/frontend/src/components/MkNoteSub.vue b/packages/frontend/src/components/MkNoteSub.vue
index 851be936cc..0e81f82968 100644
--- a/packages/frontend/src/components/MkNoteSub.vue
+++ b/packages/frontend/src/components/MkNoteSub.vue
@@ -448,6 +448,13 @@ if (props.detail) {
 		color: var(--fgHighlighted);
 	}
 }
+@container (max-width: 400px) {
+	.noteFooterButton {
+		&:not(:last-child) {
+			margin-right: 0.7em;
+		}
+	}
+}
 
 .noteFooterButtonCount {
 	display: inline;