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}