diff --git a/src/components/status/status.scss b/src/components/status/status.scss index 60dd8237..e68bc62c 100644 --- a/src/components/status/status.scss +++ b/src/components/status/status.scss @@ -1,4 +1,3 @@ - @import '../../_variables.scss'; $status-margin: 0.75em; @@ -151,6 +150,11 @@ $status-margin: 0.75em; } } + .glued-label { + display: inline-flex; + white-space: nowrap; + } + .timeago { margin-right: 0.2em; } @@ -161,8 +165,6 @@ $status-margin: 0.75em; font-size: 12px; line-height: 160%; max-width: 100%; - display: flex; - flex-wrap: wrap; align-items: stretch; } @@ -206,6 +208,7 @@ $status-margin: 0.75em; & .reply-to { white-space: nowrap; position: relative; + padding-right: 0.25em; } & .reply-to-text { @@ -215,7 +218,7 @@ $status-margin: 0.75em; } .mentions-line { - display: inline-block; + display: inline; } .replies { diff --git a/src/components/status/status.vue b/src/components/status/status.vue index 9e08ce85..98965ae0 100644 --- a/src/components/status/status.vue +++ b/src/components/status/status.vue @@ -225,65 +225,76 @@ class="heading-reply-row" v-if="isReply || hasMentionsLine" > - - - - - {{ $t('status.reply_to') }} + + + + + + {{ $t('status.reply_to') }} + + - - + + - - {{ $t('status.mentions') }} + + {{ $t('status.mentions') }} + +