diff options
| -rw-r--r-- | packages/frontend/src/components/MkNoteSub.vue | 12 |
1 files changed, 10 insertions, 2 deletions
diff --git a/packages/frontend/src/components/MkNoteSub.vue b/packages/frontend/src/components/MkNoteSub.vue index 9976892355..851be936cc 100644 --- a/packages/frontend/src/components/MkNoteSub.vue +++ b/packages/frontend/src/components/MkNoteSub.vue @@ -19,7 +19,7 @@ SPDX-License-Identifier: AGPL-3.0-only <MkSubNoteContent :class="$style.text" :note="note"/> </div> </div> - <footer> + <footer :class="$style.footer"> <MkReactionsViewer ref="reactionsViewer" :note="note"/> <button class="_button" :class="$style.noteFooterButton" @click="reply()"> <i class="ph-arrow-u-up-left ph-bold pg-lg"></i> @@ -394,6 +394,14 @@ if (props.detail) { } } +.footer { + position: relative; + z-index: 1; + margin-top: 0.4em; + width: max-content; + min-width: max-content; +} + .main { display: flex; } @@ -433,7 +441,7 @@ if (props.detail) { opacity: 0.7; &:not(:last-child) { - margin-right: 14px; + margin-right: 1.5em; } &:hover { |