Better post clipping

packages/client/src/components/MkNoteDetailed.vue

@@ -559,7 +559,7 @@ onUnmounted(() => {
 				inset: 0px 8px;
 			}
 			&:not(.max-width_450px)::before {
-				bottom: 12px;
+				bottom: 16px;
 			}
 			&:first-of-type::before {
 				top: 12px;
@@ -614,8 +614,16 @@ onUnmounted(() => {
 		font-size: 0.9em;
 	}
 	&.max-width_450px {
-		> .reply-to:first-child {
+		> .reply-to {
-			padding-top: 14px;
+			&::before {
+				inset-inline: -24px;
+			}
+			&:first-child {
+				padding-top: 14px;
+				&::before {
+					top: -24px;
+				}
+			}
 		}
 
 		> :deep(.note-container) {

packages/client/src/components/MkNoteSub.vue

@@ -543,6 +543,14 @@ function noteClick(e) {
 			border-radius: var(--radius);
 		}
 	}
+	&.reply-to {
+		> .main > .body {
+			margin-left: calc(0px - var(--avatarSize) - 38px);
+			padding-left: calc(var(--avatarSize) + 38px);
+			margin-top: -16px;
+			padding-top: 16px;
+		}
+	}
 	&.reply {
 		--avatarSize: 38px;
 		.avatar-container {

packages/client/src/components/MkSubNoteContent.vue

@@ -348,10 +348,10 @@ function focusFooter(ev) {
 					black calc(100% - 64px),
 					transparent
 				);
-				padding-inline: 50px;
+				padding-inline: 100px;
-				margin-inline: -50px;
+				margin-inline: -100px;
-				margin-top: -50px;
+				margin-top: -100px;
-				padding-top: 50px;
+				padding-top: 100px;
 				overflow: hidden;
 				user-select: none;
 				-webkit-user-select: none;