From 7c3ec8cae6cb2cb674c2d32641aff309d1e59363 Mon Sep 17 00:00:00 2001
From: eti <eti@eti.tf>
Date: Wed, 29 Jul 2026 23:51:05 +0200
Subject: [PATCH] web/components: raise the repo panel metadata to the base
 size

the commits, branches and tags panels paired 16px primary lines with 12px
metadata, which read as an afterthought next to them. move the metadata to
text-paragraph-regular (14px, the base body size) so each panel keeps a 16/14
hierarchy instead of jumping 16/12.

Signed-off-by: eti <eti@eti.tf>
---
 web/src/lib/components/repo/BranchList.svelte | 2 +-
 web/src/lib/components/repo/CommitList.svelte | 4 +++-
 web/src/lib/components/repo/TagList.svelte    | 2 +-
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/web/src/lib/components/repo/BranchList.svelte b/web/src/lib/components/repo/BranchList.svelte
index 4cb8636c4..67997673a 100644
--- a/web/src/lib/components/repo/BranchList.svelte
+++ b/web/src/lib/components/repo/BranchList.svelte
@@ -34,7 +34,7 @@
 					>
 					<TimeAgo
 						value={branch.when}
-						class="shrink-0 text-xs whitespace-nowrap text-foreground-subtle"
+						class="shrink-0 text-paragraph-regular whitespace-nowrap text-foreground-subtle"
 					/>
 				{/if}
 				{#if branch.isDefault}
diff --git a/web/src/lib/components/repo/CommitList.svelte b/web/src/lib/components/repo/CommitList.svelte
index 323b4335a..88a9a1101 100644
--- a/web/src/lib/components/repo/CommitList.svelte
+++ b/web/src/lib/components/repo/CommitList.svelte
@@ -45,7 +45,9 @@
 				<p class="mt-1 pb-2 text-sm whitespace-pre-wrap text-foreground-muted">{commit.body}</p>
 			{/if}
 
-			<div class="mt-2 flex flex-wrap items-center gap-2 text-xs text-foreground-subtle">
+			<div
+				class="mt-2 flex flex-wrap items-center gap-2 text-paragraph-regular text-foreground-subtle"
+			>
 				<a
 					href={resolve(`${base}/commit/${commit.hash}` as "/")}
 					title={commit.changeId ? `jj change id: ${commit.changeId}` : undefined}
diff --git a/web/src/lib/components/repo/TagList.svelte b/web/src/lib/components/repo/TagList.svelte
index 56c0a3e72..fe9fd0780 100644
--- a/web/src/lib/components/repo/TagList.svelte
+++ b/web/src/lib/components/repo/TagList.svelte
@@ -28,7 +28,7 @@
 			</div>
 			<div class="flex items-center gap-2">
 				{#if tag.when}
-					<TimeAgo value={tag.when} class="text-xs text-foreground-subtle" />
+					<TimeAgo value={tag.when} class="text-paragraph-regular text-foreground-subtle" />
 				{/if}
 				{#if index === 0}
 					<Tag color="gray" class="font-mono">Latest</Tag>
-- 
2.51.2