From fc31c0e219be642302b1e488a3b3bf46c90385e5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E3=81=82=E3=82=8F=E3=82=8F=E3=82=8F=E3=81=A8=E3=83=BC?=
 =?UTF-8?q?=E3=81=AB=E3=82=85?=
 <17376330+u1-liquid@users.noreply.github.com>
Date: Fri, 17 Jan 2025 08:43:17 +0900
Subject: [PATCH] fix(frontend/MkDraftsDialog): :art: (MisskeyIO#898)

---
 .../src/components/MkDraftsDialog.vue         | 30 ++++++++++---------
 1 file changed, 16 insertions(+), 14 deletions(-)

diff --git a/packages/frontend/src/components/MkDraftsDialog.vue b/packages/frontend/src/components/MkDraftsDialog.vue
index 289707cd2..6700fd417 100644
--- a/packages/frontend/src/components/MkDraftsDialog.vue
+++ b/packages/frontend/src/components/MkDraftsDialog.vue
@@ -46,15 +46,15 @@
 							</div>
 							<MkTime :time="draft.createdAt" colored />
 						</div>
-						<span v-if="draft.visibility !== 'public'" :title="i18n.ts._visibility[draft.visibility]" style="margin-left: 0.5em">
+						<span v-if="draft.visibility !== 'public'" :title="i18n.ts._visibility[draft.visibility]">
 							<i v-if="draft.visibility === 'home'" class="ti ti-home"></i>
 							<i v-else-if="draft.visibility === 'followers'" class="ti ti-lock"></i>
 							<i v-else-if="draft.visibility === 'specified'" ref="specified" class="ti ti-mail"></i>
 						</span>
-						<span v-if="draft.localOnly" :title="i18n.ts._visibility['disableFederation']" style="margin-left: 0.5em">
+						<span v-if="draft.localOnly" :title="i18n.ts._visibility['disableFederation']">
 							<i class="ti ti-rocket-off"></i>
 						</span>
-						<span v-if="draft.channel" :title="draft.channel.name" style="margin-left: 0.5em">
+						<span v-if="draft.channel" :title="draft.channel.name">
 							<i class="ti ti-device-tv"></i>
 						</span>
 					</div>
@@ -107,17 +107,17 @@
 								</div>
 								<MkTime :time="draft.createdAt" colored />
 							</div>
-							<span v-if="draft.visibility !== 'public'" :title="i18n.ts._visibility[draft.visibility]" style="margin-left: 0.5em">
-							<i v-if="draft.visibility === 'home'" class="ti ti-home"></i>
-							<i v-else-if="draft.visibility === 'followers'" class="ti ti-lock"></i>
-							<i v-else-if="draft.visibility === 'specified'" ref="specified" class="ti ti-mail"></i>
-						</span>
-							<span v-if="draft.localOnly" :title="i18n.ts._visibility['disableFederation']" style="margin-left: 0.5em">
-							<i class="ti ti-rocket-off"></i>
-						</span>
-							<span v-if="draft.channel" :title="draft.channel.name" style="margin-left: 0.5em">
-							<i class="ti ti-device-tv"></i>
-						</span>
+							<span v-if="draft.visibility !== 'public'" :title="i18n.ts._visibility[draft.visibility]">
+								<i v-if="draft.visibility === 'home'" class="ti ti-home"></i>
+								<i v-else-if="draft.visibility === 'followers'" class="ti ti-lock"></i>
+								<i v-else-if="draft.visibility === 'specified'" ref="specified" class="ti ti-mail"></i>
+							</span>
+							<span v-if="draft.localOnly" :title="i18n.ts._visibility['disableFederation']">
+								<i class="ti ti-rocket-off"></i>
+							</span>
+							<span v-if="draft.channel" :title="draft.channel.name">
+								<i class="ti ti-device-tv"></i>
+							</span>
 						</div>
 					</div>
 					<div>
@@ -285,8 +285,10 @@ const scheduledPagination = {
 }
 
 .draftNoteInfo {
+	display: flex;
 	flex-shrink: 0;
 	margin-left: auto;
+	gap: 4px;
 }
 
 .draftNoteCw {