From 75832ced24acf2ac1f309e0f36b28be63c4b3841 Mon Sep 17 00:00:00 2001
From: Richie <richie.phillips@proton.me>
Date: Thu, 23 Apr 2026 10:50:30 +1000
Subject: [PATCH] CompareBar: bump fraction badge to large (32px)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Badge: medium (26px) → large (32px) — matches the visual weight of
the now-body1 status text and medium Compare button. Badge atom's
large variant uses the --fa-badge-*-lg tokens (height 32px, font-size
and icon-size stepped up together).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 src/components/molecules/CompareBar/CompareBar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/molecules/CompareBar/CompareBar.tsx b/src/components/molecules/CompareBar/CompareBar.tsx
index deebc8d..2f55695 100644
--- a/src/components/molecules/CompareBar/CompareBar.tsx
+++ b/src/components/molecules/CompareBar/CompareBar.tsx
@@ -75,7 +75,7 @@ export const CompareBar = React.forwardRef<HTMLDivElement, CompareBarProps>(
           ]}
         >
           {/* Fraction badge — 1/3, 2/3, 3/3 */}
-          <Badge color="brand" variant="soft" size="medium" sx={{ flexShrink: 0 }}>
+          <Badge color="brand" variant="soft" size="large" sx={{ flexShrink: 0 }}>
             {count}/3
           </Badge>