From 3ac6cb9d01f7f4fe75e45036c1803da448e1abf3 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.net>
Date: Thu, 2 Apr 2026 10:10:15 +0000
Subject: fix(ui): refine media list title counts

---
 src/lib/List/ListTitle.svelte | 21 +++++++++++++++++----
 1 file changed, 17 insertions(+), 4 deletions(-)

(limited to 'src/lib')

diff --git a/src/lib/List/ListTitle.svelte b/src/lib/List/ListTitle.svelte
index 0821b97c..58899661 100644
--- a/src/lib/List/ListTitle.svelte
+++ b/src/lib/List/ListTitle.svelte
@@ -15,12 +15,14 @@ export let hideCount = false;
 </script>
 
 <summary>
-  <span title={title.hint || undefined} use:tooltip>{title.title}</span>
-  {#if !hideCount}[{count === -1337 ? '...' : count}]{/if}
-  <!-- {#if !hideCount}[{#if count === -1337}...{:else}<NumberTicker
+  <span class="list-title-text" title={title.hint || undefined} use:tooltip>{title.title}</span>
+  {#if !hideCount}
+    <span class="opaque list-title-count">{count === -1337 ? '...' : count}</span>
+  {/if}
+  <!-- {#if !hideCount}{#if count === -1337}...{:else}<NumberTicker
 				end={count}
 				duration={Math.min(2500, Math.max(500, Math.abs(count - 0) * 10))}
-			/>{/if}]{/if} -->
+			/>{/if}{/if} -->
   {#if !hideTime && $settings.debugShowListTimings}
     <small class="opaque">{time ? time.toFixed(3) : '...'}s</small>
   {/if}
@@ -31,3 +33,14 @@ export let hideCount = false;
     </button>
   {/if}
 </summary>
+
+<style>
+  .list-title-text,
+  .list-title-count {
+    vertical-align: middle;
+  }
+
+  .list-title-count {
+    font-weight: normal;
+  }
+</style>
-- 
cgit v1.2.3