Fix vertical alignment issues, again

This commit is contained in:
Lim Chee Aun 2023-04-06 13:21:53 +08:00
parent efb38bc5d1
commit 66e32fa03f
2 changed files with 4 additions and 3 deletions

View file

@ -37,7 +37,6 @@
/* STATUS PRE META */ /* STATUS PRE META */
.status-pre-meta { .status-pre-meta {
line-height: 1.4;
padding: 8px 16px 0; padding: 8px 16px 0;
opacity: 0.75; opacity: 0.75;
font-size: smaller; font-size: smaller;
@ -48,7 +47,9 @@
margin-bottom: -8px; margin-bottom: -8px;
} }
.status-pre-meta .name-text { .status-pre-meta .name-text {
display: inline; display: inline-flex;
gap: 4px;
align-items: center;
} }
.status-pre-meta > * { .status-pre-meta > * {
vertical-align: middle; vertical-align: middle;

View file

@ -208,7 +208,7 @@ function Status({
<div class="status-pre-meta"> <div class="status-pre-meta">
<Icon icon="rocket" size="l" />{' '} <Icon icon="rocket" size="l" />{' '}
<NameText account={status.account} instance={instance} showAvatar />{' '} <NameText account={status.account} instance={instance} showAvatar />{' '}
boosted <span>boosted</span>
</div> </div>
<Status <Status
status={statusID ? null : reblog} status={statusID ? null : reblog}