From 12b82aca5fcfb0be8fb19e182cdb048f98575c3c Mon Sep 17 00:00:00 2001
From: Kagami Sascha Rosylight <saschanaz@outlook.com>
Date: Sat, 30 Dec 2023 16:31:34 +0100
Subject: [PATCH] remove margin from MkNoteSimple root

---
 packages/frontend/src/components/MkNote.vue       | 6 +++++-
 packages/frontend/src/components/MkNoteSimple.vue | 1 -
 packages/frontend/src/components/MkUrlPreview.vue | 4 ++--
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/packages/frontend/src/components/MkNote.vue b/packages/frontend/src/components/MkNote.vue
index 515a002680..3323fbb7cb 100644
--- a/packages/frontend/src/components/MkNote.vue
+++ b/packages/frontend/src/components/MkNote.vue
@@ -83,7 +83,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 					</div>
 					<MkPoll v-if="appearNote.poll" :note="appearNote" :class="$style.poll"/>
 					<MkUrlPreview v-for="url in urls" :key="url" :url="url" :compact="true" :detail="false" :class="$style.urlPreview"/>
-					<MkNoteSimple v-if="appearNote.renote" :note="appearNote.renote" :quoted="true"/>
+					<MkNoteSimple v-if="appearNote.renote" :class="$style.quote" :note="appearNote.renote" :quoted="true"/>
 					<button v-if="isLong && collapsed" :class="$style.collapsed" class="_button" @click="collapsed = false">
 						<span :class="$style.collapsedLabel">{{ i18n.ts.showMore }}</span>
 					</button>
@@ -800,6 +800,10 @@ function emitUpdReaction(emoji: string, delta: number) {
 	font-size: 80%;
 }
 
+.quote {
+	margin: 8px 0;
+}
+
 .channel {
 	opacity: 0.7;
 	font-size: 80%;
diff --git a/packages/frontend/src/components/MkNoteSimple.vue b/packages/frontend/src/components/MkNoteSimple.vue
index 4488cdcff3..98ba90400d 100644
--- a/packages/frontend/src/components/MkNoteSimple.vue
+++ b/packages/frontend/src/components/MkNoteSimple.vue
@@ -81,7 +81,6 @@ const showContent = ref(false);
 }
 
 .quoted {
-	margin: 8px 0;
 	padding: 16px;
 	border: dashed 1px var(--renote);
 	border-radius: 8px;
diff --git a/packages/frontend/src/components/MkUrlPreview.vue b/packages/frontend/src/components/MkUrlPreview.vue
index 00c4f68858..7b6f4e8e17 100644
--- a/packages/frontend/src/components/MkUrlPreview.vue
+++ b/packages/frontend/src/components/MkUrlPreview.vue
@@ -26,7 +26,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 		</MkButton>
 	</div>
 </template>
-<template v-else-if="postExpanded">
+<div v-else-if="postExpanded">
 	<div v-if="tweetId" ref="twitter">
 		<iframe
 			ref="tweet"
@@ -43,7 +43,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 			<i v-if="tweetId" class="ti ti-x"></i> {{ i18n.ts.close }}
 		</MkButton>
 	</div>
-</template>
+</div>
 <div v-else>
 	<component :is="self ? 'MkA' : 'a'" :class="[$style.link, { [$style.compact]: compact }]" :[attr]="self ? url.substring(local.length) : url" rel="nofollow noopener" :target="target" :title="url">
 		<div v-if="thumbnail && !sensitive" :class="$style.thumbnail" :style="defaultStore.state.dataSaver.urlPreview ? '' : `background-image: url('${thumbnail}')`">