From a5532488aaf0244423d90799455c394bcf6ef6b3 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Thu, 19 Oct 2023 17:45:37 +0800
Subject: [PATCH] Bunch these avatars too

---
 src/app.css          | 4 ++++
 src/pages/status.jsx | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/app.css b/src/app.css
index 60b5268c..b697a1d3 100644
--- a/src/app.css
+++ b/src/app.css
@@ -676,6 +676,10 @@ a[href^='http'][rel*='nofollow']:visited:not(:has(div)) {
   position: relative;
   border-radius: 0;
   padding-block: 16px !important;
+
+  .avatars-bunch > .avatar:not(:first-child) {
+    margin-left: -4px;
+  }
 }
 .timeline .show-more:hover {
   filter: none !important;
diff --git a/src/pages/status.jsx b/src/pages/status.jsx
index 0a12ee67..0497f6ba 100644
--- a/src/pages/status.jsx
+++ b/src/pages/status.jsx
@@ -1062,7 +1062,7 @@ function StatusThread({ id, closeLink = '/', instance: propInstance }) {
                 onClick={() => setLimit((l) => l + LIMIT)}
                 style={{ marginBlockEnd: '6em' }}
               >
-                <div class="ib">
+                <div class="ib avatars-bunch">
                   {/* show avatars for first 5 statuses */}
                   {statuses.slice(limit, limit + 5).map((status) => (
                     <Avatar