From 61e01c127fcf97b05ecff38ef9cb80d0172c7249 Mon Sep 17 00:00:00 2001
From: Peter Meier <peter.meier.1986@gmail.com>
Date: Mon, 18 May 2026 08:44:46 +0200
Subject: [PATCH] FilesBlock: size as inline badge after filename

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/lib/components/blocks/FilesBlock.svelte | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/lib/components/blocks/FilesBlock.svelte b/src/lib/components/blocks/FilesBlock.svelte
index ddfec15..731ac1d 100644
--- a/src/lib/components/blocks/FilesBlock.svelte
+++ b/src/lib/components/blocks/FilesBlock.svelte
@@ -125,14 +125,14 @@
             target="_blank"
             rel="noopener noreferrer"
           >
-            <span class="shrink-0 flex flex-col items-center w-8">
-              <Icon icon={f.iconName} class="size-4 text-stein-500" aria-hidden="true" />
-              {#if f.sizeLabel}
-                <span class="text-[.55rem] text-stein-400 tabular-nums leading-tight whitespace-nowrap">{f.sizeLabel}</span>
-              {/if}
-            </span>
+            <Icon icon={f.iconName} class="size-4 shrink-0 text-stein-500" aria-hidden="true" />
             <span class="flex-1 min-w-0 flex flex-col">
-              <span class="text-sm text-stein-900 group-hover:underline truncate">{f.label}</span>
+              <span class="flex items-center gap-1.5 min-w-0">
+                <span class="text-sm text-stein-900 group-hover:underline truncate">{f.label}</span>
+                {#if f.sizeLabel}
+                  <span class="shrink-0 text-[.6rem] tabular-nums whitespace-nowrap bg-stein-100 text-stein-500 px-1 py-px rounded-xs">{f.sizeLabel}</span>
+                {/if}
+              </span>
               {#if f.description}
                 <span class="text-xs text-stein-400 truncate">{f.description}</span>
               {/if}