From 901136ecf02c632c74e76f20a0d568cfb7ae280d Mon Sep 17 00:00:00 2001
From: pcarter <pcarter@fastmail.com>
Date: Fri, 1 May 2026 10:30:13 -0700
Subject: [PATCH] thread counts more

---
 src/components/EmailListPanel.tsx   | 12 +++++++-----
 src/components/ThreadCountBadge.tsx |  2 +-
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/components/EmailListPanel.tsx b/src/components/EmailListPanel.tsx
index b495c35..759a325 100644
--- a/src/components/EmailListPanel.tsx
+++ b/src/components/EmailListPanel.tsx
@@ -772,11 +772,14 @@ export default function EmailListPanel({
                         ].join(" ")}>
                           {senderLabel}
                         </span>
-                        <span className="shrink-0 text-[11px] text-stone-400 dark:text-stone-500 tabular-nums">
-                          {formatDate(latestEmail.receivedAt)}
-                        </span>
+                        <div className="shrink-0 flex items-center gap-1.5">
+                          <ThreadCountBadge count={thread.count} />
+                          <span className="text-[11px] text-stone-400 dark:text-stone-500 tabular-nums">
+                            {formatDate(latestEmail.receivedAt)}
+                          </span>
+                        </div>
                       </div>
-                      {/* Subject + thread count */}
+                      {/* Subject */}
                       <div className="flex items-center gap-1.5 min-w-0">
                         <span className={[
                           "text-xs truncate flex-1",
@@ -786,7 +789,6 @@ export default function EmailListPanel({
                         ].join(" ")}>
                           {latestEmail.subject || "(no subject)"}
                         </span>
-                        <ThreadCountBadge count={thread.count} />
                       </div>
                       {/* Preview */}
                       {latestEmail.preview && (
diff --git a/src/components/ThreadCountBadge.tsx b/src/components/ThreadCountBadge.tsx
index fb749ae..390d1a0 100644
--- a/src/components/ThreadCountBadge.tsx
+++ b/src/components/ThreadCountBadge.tsx
@@ -9,7 +9,7 @@ export default function ThreadCountBadge({ count, className = "" }: Props) {
   return (
     <span
       className={[
-        "shrink-0 text-[10px] tabular-nums px-1.5 py-0.5 rounded-full bg-stone-200 dark:bg-stone-700 text-stone-500 dark:text-stone-400",
+        "inline-flex shrink-0 items-center justify-center rounded-full border border-stone-300/80 bg-stone-100/90 px-1.5 py-0.5 text-[10px] font-medium leading-none tabular-nums text-stone-600 dark:border-stone-600 dark:bg-stone-800/90 dark:text-stone-300",
         className,
       ].join(" ")}
     >
-- 
2.51.2