From 99d7525436d9589abfbab43de2e5d59d5c40d4d5 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Fri, 29 Sep 2023 08:58:31 +0800
Subject: [PATCH] Fix name text becomes too easily clickable

---
 src/components/status.css |  2 +-
 src/components/status.jsx | 15 ++++++++-------
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/components/status.css b/src/components/status.css
index d7e8cf6f..d1b3a027 100644
--- a/src/components/status.css
+++ b/src/components/status.css
@@ -299,7 +299,7 @@
   overflow: hidden;
   /* text-overflow: ellipsis; */
 }
-.status > .container > .meta .name-text {
+.status > .container > .meta .meta-name {
   mask-image: linear-gradient(to left, transparent, black 16px);
   flex-grow: 1;
 }
diff --git a/src/components/status.jsx b/src/components/status.jsx
index ffc736c0..0ff554bb 100644
--- a/src/components/status.jsx
+++ b/src/components/status.jsx
@@ -968,13 +968,14 @@ function Status({
       )}
       <div class="container">
         <div class="meta">
-          {/* <span> */}
-          <NameText
-            account={status.account}
-            instance={instance}
-            showAvatar={size === 's'}
-            showAcct={isSizeLarge}
-          />
+          <span class="meta-name">
+            <NameText
+              account={status.account}
+              instance={instance}
+              showAvatar={size === 's'}
+              showAcct={isSizeLarge}
+            />
+          </span>
           {/* {inReplyToAccount && !withinContext && size !== 's' && (
               <>
                 {' '}