From 17acb0ee56cab462393666ef274630d3be321874 Mon Sep 17 00:00:00 2001
From: Freeplay <Freeplay@duck.com>
Date: Fri, 12 May 2023 20:30:06 -0400
Subject: [PATCH] styling + remove log

---
 .../src/components/MkSubNoteContent.vue       | 27 ++++++++++---------
 1 file changed, 14 insertions(+), 13 deletions(-)

diff --git a/packages/client/src/components/MkSubNoteContent.vue b/packages/client/src/components/MkSubNoteContent.vue
index a3c52deb09..6a7a8fa427 100644
--- a/packages/client/src/components/MkSubNoteContent.vue
+++ b/packages/client/src/components/MkSubNoteContent.vue
@@ -120,18 +120,18 @@
 				v-model="collapsed"
 			></XShowMoreButton>
 			<XCwButton v-if="note.cw" v-model="showContent" :note="note" />
-			<MkButton
-				v-if="hasMfm && defaultStore.state.animatedMfm"
-				@click.stop="toggleMfm"
-			>
-				<template v-if="disableMfm">
-					<i class="ph-play ph-bold"></i> {{ i18n.ts._mfm.play }}
-				</template>
-				<template v-else>
-					<i class="ph-stop ph-bold"></i> {{ i18n.ts._mfm.stop }}
-				</template>
-			</MkButton>
 		</div>
+		<MkButton
+			v-if="hasMfm && defaultStore.state.animatedMfm"
+			@click.stop="toggleMfm"
+		>
+			<template v-if="disableMfm">
+				<i class="ph-play ph-bold"></i> {{ i18n.ts._mfm.play }}
+			</template>
+			<template v-else>
+				<i class="ph-stop ph-bold"></i> {{ i18n.ts._mfm.stop }}
+			</template>
+		</MkButton>
 	</div>
 </template>
 
@@ -185,8 +185,6 @@ const hasMfm = $ref(mfms.length > 0);
 
 let disableMfm = $ref(hasMfm && defaultStore.state.animatedMfm);
 
-console.log(disableMfm + " " + props.note.id + " " + defaultStore.state.animatedMfm);
-
 async function toggleMfm() {
 	if (disableMfm) {
 		const { canceled } = await os.confirm({
@@ -335,5 +333,8 @@ function focusFooter(ev) {
 			transition: none !important;
 		}
 	}
+	> :deep(button) {
+		margin-top: 10px;
+	}
 }
 </style>