From f454e439038d43065487e7a679acd3ad122d284b Mon Sep 17 00:00:00 2001
From: Freeplay <Freeplay@duck.com>
Date: Mon, 9 Jan 2023 21:53:39 -0500
Subject: [PATCH] Fix reactions overflow

---
 packages/client/src/components/MkNote.vue            | 5 +++--
 packages/client/src/components/MkReactionsViewer.vue | 1 +
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/client/src/components/MkNote.vue b/packages/client/src/components/MkNote.vue
index 3cc89c5f8e..7da7dc97ba 100644
--- a/packages/client/src/components/MkNote.vue
+++ b/packages/client/src/components/MkNote.vue
@@ -595,7 +595,6 @@ function readPromo() {
 			> .footer {
 				display: flex;
 				flex-wrap: wrap;
-				margin-left: -.5em;
 				> .button {
 					margin: 0;
 					padding: 8px;
@@ -603,7 +602,9 @@ function readPromo() {
 					flex-grow: 1;
 					max-width: 3.5em;
 					min-width: max-content;
-
+					&:first-of-type {
+						margin-left: -.5em;
+					}
 					&:hover {
 						color: var(--fgHighlighted);
 					}
diff --git a/packages/client/src/components/MkReactionsViewer.vue b/packages/client/src/components/MkReactionsViewer.vue
index 78f005e665..21dc80e213 100644
--- a/packages/client/src/components/MkReactionsViewer.vue
+++ b/packages/client/src/components/MkReactionsViewer.vue
@@ -22,6 +22,7 @@ const isMe = computed(() => $i && $i.id === props.note.userId);
 <style lang="scss" scoped>
 .tdflqwzn {
 	margin: 4px -2px 0 -2px;
+	width: 100%;
 
 	&:empty {
 		display: none;