From 11ee88986dc2eb2f18c7d0afd3b39c2c30a40e0d Mon Sep 17 00:00:00 2001
From: KMY <tt@kmycode.net>
Date: Wed, 2 Oct 2024 07:45:26 +0900
Subject: [PATCH] =?UTF-8?q?Fix:=20#854=20=E5=BC=95=E7=94=A8=E3=81=AE?=
 =?UTF-8?q?=E8=A1=A8=E7=A4=BA=E3=82=B9=E3=82=BF=E3=82=A4=E3=83=AB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/javascript/mastodon/components/compacted_status.jsx | 4 ++--
 app/javascript/styles/mastodon/components.scss          | 8 ++++++--
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/app/javascript/mastodon/components/compacted_status.jsx b/app/javascript/mastodon/components/compacted_status.jsx
index b9c44f34c9af67..6986bcd34c4d56 100644
--- a/app/javascript/mastodon/components/compacted_status.jsx
+++ b/app/javascript/mastodon/components/compacted_status.jsx
@@ -544,8 +544,8 @@ class CompactedStatus extends ImmutablePureComponent {
               </a>
 
               <a onClick={this.handleAccountClick} href={`/@${status.getIn(['account', 'acct'])}`} title={status.getIn(['account', 'acct'])} data-hover-card-account={status.getIn(['account', 'id'])} className='status__display-name' target='_blank' rel='noopener noreferrer'>
-                <div className='status__avatar'>
-                  <Avatar account={status.get('account')} size={24} inline />
+                <div className='status__avatar__compact'>
+                  <Avatar account={status.get('account')} size={32} inline />
                 </div>
 
                 <DisplayName account={status.get('account')} />
diff --git a/app/javascript/styles/mastodon/components.scss b/app/javascript/styles/mastodon/components.scss
index a63dcb2c37fa1e..0298402ad859a0 100644
--- a/app/javascript/styles/mastodon/components.scss
+++ b/app/javascript/styles/mastodon/components.scss
@@ -2336,8 +2336,8 @@ a.account__display-name {
   height: 46px;
 
   &.status__avatar__compact {
-    width: 24px;
-    height: 24px;
+    width: 32px;
+    height: 32px;
   }
 }
 
@@ -11626,4 +11626,8 @@ noscript {
   &--compacted-status::after {
     display: none;
   }
+
+  &--compacted-status p {
+    margin-bottom: 22px;
+  }
 }