From 833b481ebbbece93b2e4f38b688dc37829c3c5a8 Mon Sep 17 00:00:00 2001
From: Thomas Hallock <thomas@evolutioniq.com>
Date: Mon, 10 Nov 2025 14:18:36 -0600
Subject: [PATCH] fix: reduce font size for mini skill card titles to prevent
 wrapping
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Skill names like 'Three-digit with frequent borrowing' were wrapping to
multiple lines. Reduced title font size from 0.8125rem to 0.75rem to fit
longer skill names on a single line in the mini cards.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 .../addition/components/config-panel/MasteryModePanel.tsx     | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/app/create/worksheets/addition/components/config-panel/MasteryModePanel.tsx b/apps/web/src/app/create/worksheets/addition/components/config-panel/MasteryModePanel.tsx
index 5e5c9508..b566f0ee 100644
--- a/apps/web/src/app/create/worksheets/addition/components/config-panel/MasteryModePanel.tsx
+++ b/apps/web/src/app/create/worksheets/addition/components/config-panel/MasteryModePanel.tsx
@@ -316,7 +316,7 @@ export function MasteryModePanel({ formState, onChange, isDark = false }: Master
               >
                 <h4
                   className={css({
-                    fontSize: '0.8125rem',
+                    fontSize: '0.75rem',
                     fontWeight: '600',
                     color: isDark ? 'white' : 'gray.900',
                     lineHeight: '1.2',
@@ -475,7 +475,7 @@ export function MasteryModePanel({ formState, onChange, isDark = false }: Master
               >
                 <h4
                   className={css({
-                    fontSize: '0.8125rem',
+                    fontSize: '0.75rem',
                     fontWeight: '600',
                     color: isDark ? 'white' : 'gray.900',
                     lineHeight: '1.2',