From 35fd45965d252a6084a58735e34d09cb65b30fc3 Mon Sep 17 00:00:00 2001
From: Freeplay <freeplay@duck.com>
Date: Tue, 13 Jun 2023 00:04:36 -0400
Subject: [PATCH] spacing and font size adjustments

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

diff --git a/packages/client/src/components/MkNote.vue b/packages/client/src/components/MkNote.vue
index 00758e7e4..19205e0d9 100644
--- a/packages/client/src/components/MkNote.vue
+++ b/packages/client/src/components/MkNote.vue
@@ -5,7 +5,7 @@
 		v-show="!isDeleted"
 		ref="el"
 		v-hotkey="keymap"
-		v-size="{ max: [500, 450, 350] }"
+		v-size="{ max: [500, 350] }"
 		class="tkcbzcuz note-container"
 		:tabindex="!isDeleted ? '-1' : null"
 		:class="{ renote: isRenote }"
@@ -844,10 +844,7 @@ defineExpose({
 	}
 
 	&.max-width_500px {
-		font-size: 0.9em;
-	}
-
-	&.max-width_450px {
+		font-size: 0.975em;
 		--avatarSize: 46px;
 		padding-top: 6px;
 		> .note-context {
diff --git a/packages/client/src/components/MkNoteDetailed.vue b/packages/client/src/components/MkNoteDetailed.vue
index 264bd9660..205816118 100644
--- a/packages/client/src/components/MkNoteDetailed.vue
+++ b/packages/client/src/components/MkNoteDetailed.vue
@@ -4,7 +4,7 @@
 		v-show="!isDeleted"
 		ref="el"
 		v-hotkey="keymap"
-		v-size="{ max: [500, 450, 350, 300] }"
+		v-size="{ max: [500, 350, 300] }"
 		class="lxwezrsl _block"
 		:tabindex="!isDeleted ? '-1' : null"
 		:class="{ renote: isRenote }"
@@ -558,7 +558,7 @@ onUnmounted(() => {
 			&::before {
 				inset: 0px 8px;
 			}
-			&:not(.max-width_450px)::before {
+			&:not(.max-width_500px)::before {
 				bottom: 16px;
 			}
 			&:first-of-type::before {
@@ -609,11 +609,8 @@ onUnmounted(() => {
 			background: none;
 		}
 	}
-
 	&.max-width_500px {
-		font-size: 0.9em;
-	}
-	&.max-width_450px {
+		font-size: 0.975em;
 		> .reply-to {
 			&::before {
 				inset-inline: -24px;
@@ -628,6 +625,7 @@ onUnmounted(() => {
 
 		> :deep(.note-container) {
 			padding: 12px 0 0 0;
+			font-size: 1.05rem;
 			> .header > .body {
 				padding-left: 10px;
 			}
diff --git a/packages/client/src/components/MkNoteSub.vue b/packages/client/src/components/MkNoteSub.vue
index 5112ae17f..813eab7ae 100644
--- a/packages/client/src/components/MkNoteSub.vue
+++ b/packages/client/src/components/MkNoteSub.vue
@@ -420,7 +420,7 @@ function noteClick(e) {
 		font-size: 1em;
 		cursor: auto;
 
-		&.max-width_450px {
+		&.max-width_500px {
 			padding: 10px 0 0 8px;
 		}
 	}
@@ -732,6 +732,7 @@ function noteClick(e) {
 	}
 
 	&.max-width_500px {
+		padding: 14px 16px;
 		:not(.reply) > & {
 			.reply {
 				--avatarSize: 24px;
@@ -749,11 +750,8 @@ function noteClick(e) {
 				padding-left: 28px !important;
 			}
 		}
-	}
-	&.max-width_450px {
-		padding: 14px 16px;
-		&.reply-to,
-		&.reply-to-more {
+		&.reply-to {
+			--avatarSize: 46px;
 			padding: 14px 16px;
 			padding-top: 14px !important;
 			padding-bottom: 0 !important;