From 66e32fa03f0f6f18b546fdd864de814c425762de Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Thu, 6 Apr 2023 13:21:53 +0800
Subject: [PATCH] Fix vertical alignment issues, again
---
src/components/status.css | 5 +++--
src/components/status.jsx | 2 +-
2 files changed, 4 insertions(+), 3 deletions(-)
diff --git a/src/components/status.css b/src/components/status.css
index d5cf1950..1258f324 100644
--- a/src/components/status.css
+++ b/src/components/status.css
@@ -37,7 +37,6 @@
/* STATUS PRE META */
.status-pre-meta {
- line-height: 1.4;
padding: 8px 16px 0;
opacity: 0.75;
font-size: smaller;
@@ -48,7 +47,9 @@
margin-bottom: -8px;
}
.status-pre-meta .name-text {
- display: inline;
+ display: inline-flex;
+ gap: 4px;
+ align-items: center;
}
.status-pre-meta > * {
vertical-align: middle;
diff --git a/src/components/status.jsx b/src/components/status.jsx
index 032c2120..ccf427fb 100644
--- a/src/components/status.jsx
+++ b/src/components/status.jsx
@@ -208,7 +208,7 @@ function Status({
<div class="status-pre-meta">
<Icon icon="rocket" size="l" />{' '}
<NameText account={status.account} instance={instance} showAvatar />{' '}
- boosted
+ <span>boosted</span>
</div>
<Status
status={statusID ? null : reblog}