From 173962974bb26bb38369e6817c5aa5974e46d85b Mon Sep 17 00:00:00 2001
From: Freeplay <Freeplay@duck.com>
Date: Sun, 8 Jan 2023 02:30:42 -0500
Subject: [PATCH] s p a c i n g fixes

---
 packages/client/src/components/MkNote.vue         |  4 ++--
 packages/client/src/components/MkNoteDetailed.vue | 12 ++++++++++++
 packages/client/src/components/MkNoteSub.vue      |  5 +++--
 3 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/packages/client/src/components/MkNote.vue b/packages/client/src/components/MkNote.vue
index f7fa63362..b6b9ea487 100644
--- a/packages/client/src/components/MkNote.vue
+++ b/packages/client/src/components/MkNote.vue
@@ -363,7 +363,7 @@ function readPromo() {
 		padding: 0 32px 0 32px;
 		display: flex;
 		&:first-child {
-			margin-top: 15px;
+			margin-top: 20px;
 		}
 		> :not(.line) {
 			width: 0;
@@ -639,7 +639,7 @@ function readPromo() {
 			}
 		}
 		> .article {
-			padding: 14px 16px 9px;
+			padding: 16px 16px 9px;
 
 			> .main > .header-container > .avatar {
 				margin-right: 10px;
diff --git a/packages/client/src/components/MkNoteDetailed.vue b/packages/client/src/components/MkNoteDetailed.vue
index c61847afa..bed09d9b5 100644
--- a/packages/client/src/components/MkNoteDetailed.vue
+++ b/packages/client/src/components/MkNoteDetailed.vue
@@ -345,6 +345,9 @@ if (appearNote.replyId) {
 	> .reply-to-more {
 		// opacity: 0.7;
 		cursor: pointer;
+		&:first-child {
+			padding-top: 30px;
+		}
 
 		@media (pointer: coarse) {
 			cursor: default;
@@ -419,6 +422,7 @@ if (appearNote.replyId) {
 			}
 
 			> .body {
+				width: 0;
 				flex: 1;
 				display: flex;
 				flex-direction: column;
@@ -427,8 +431,12 @@ if (appearNote.replyId) {
 				font-size: 0.95em;
 
 				> .top {
+					display: flex;
+					align-items: center;
 					> .name {
 						font-weight: bold;
+						overflow: hidden;
+						text-overflow: ellipsis;
 					}
 
 					> .is-bot {
@@ -566,6 +574,10 @@ if (appearNote.replyId) {
 	}
 
 	&.max-width_450px {
+
+		> .reply-to-more:first-child {
+			padding-top: 14px;
+		}
 		> .renote {
 			padding: 8px 16px 0 16px;
 		}
diff --git a/packages/client/src/components/MkNoteSub.vue b/packages/client/src/components/MkNoteSub.vue
index 5ba2909ba..4e608d870 100644
--- a/packages/client/src/components/MkNoteSub.vue
+++ b/packages/client/src/components/MkNoteSub.vue
@@ -75,10 +75,10 @@ const replies: misskey.entities.Note[] = props.conversation?.filter(item => item
 		display: flex;
 
 		> .avatar-container {
+			margin-right: 8px;
 			> .avatar {
 				flex-shrink: 0;
 				display: block;
-				margin: 0 8px 0 0;
 				width: 38px;
 				height: 38px;
 				border-radius: 8px;
@@ -132,6 +132,7 @@ const replies: misskey.entities.Note[] = props.conversation?.filter(item => item
 	}
 
 	&.reply-to:first-child {
+		padding-top: 30px;
 		> .main {
 			> .avatar-container .avatar, > .body {
 				opacity: .8;
@@ -164,7 +165,7 @@ const replies: misskey.entities.Note[] = props.conversation?.filter(item => item
 	}
 
 	&.max-width_450px {
-		padding: 14px 16px;
+		padding: 14px 16px !important;
 		margin-bottom: 0 !important;
 		> .main > .avatar-container {
 			margin-right: 10px;