From ee04acf0879c155196b1d6d3c5b10cbefef72800 Mon Sep 17 00:00:00 2001 From: Freeplay <Freeplay@duck.com> Date: Mon, 8 May 2023 17:26:59 -0400 Subject: [PATCH] fix quote attached styling, will prob improve later --- packages/client/src/components/MkPostForm.vue | 11 ++++++++--- 1 file changed, 8 insertions(+), 3 deletions(-) diff --git a/packages/client/src/components/MkPostForm.vue b/packages/client/src/components/MkPostForm.vue index 60d5dee2f..7b4c70bf1 100644 --- a/packages/client/src/components/MkPostForm.vue +++ b/packages/client/src/components/MkPostForm.vue @@ -82,7 +82,7 @@ <div v-if="quoteId" class="with-quote"> <i class="ph-quotes ph-bold ph-lg"></i> {{ i18n.ts.quoteAttached - }}<button @click="quoteId = null"> + }}<button class="_button" @click="quoteId = null"> <i class="ph-x ph-bold ph-lg"></i> </button> </div> @@ -1112,11 +1112,16 @@ onMounted(() => { } > .with-quote { - margin: 0 0 8px 0; + display: flex; + align-items: center; + gap: .4em; + margin-inline: 24px; + margin-bottom: 12px; color: var(--accent); > button { - padding: 4px 8px; + display: flex; + padding: 0; color: var(--accentAlpha04); &:hover {