From e1c6941b205ac8f36158d7103677a3b4730e2c47 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Marc-Andr=C3=A9=20Bombeck?= Date: Sat, 18 Jul 2026 10:13:29 +0200 Subject: [PATCH] fix(ui): lift muted meta text off the sub-xs floor MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Bump text-[10px]/text-[11px] to text-xs on muted description, hint, and status-label surfaces that had drifted below the type-scale floor — coach conversation captions, settings/admin status badges, mood confidence pills, side-effect and cycle meta lines. Tabular-nums badges, chart-plot legend/axis chrome, ring geometry, and width-constrained tag tiles keep their compact size by design. --- src/components/admin/api-token-overview-section.tsx | 4 ++-- src/components/admin/backups-section.tsx | 4 ++-- src/components/admin/user-management-section.tsx | 4 ++-- src/components/charts/chart-overlay-controls.tsx | 4 ++-- src/components/cycle/cycle-history-chart.tsx | 2 +- src/components/cycle/cycle-phase-crosstab.tsx | 2 +- .../insights/coach-panel/coach-conversation.tsx | 8 +++----- src/components/insights/coach-panel/coach-drawer.tsx | 2 +- .../insights/coach-panel/guided-dialog-bubbles.tsx | 2 +- src/components/insights/coach-panel/source-chips.tsx | 2 +- src/components/insights/confidence-meter.tsx | 2 +- src/components/insights/mood/mood-better-days.tsx | 2 +- .../insights/mood/mood-factor-metric-crosstab.tsx | 2 +- src/components/insights/mood/mood-tag-influence.tsx | 2 +- .../insights/mood/mood-tag-metric-crosstab.tsx | 2 +- src/components/insights/trend-annotation.tsx | 2 +- .../scheduling/schedule-history-timeline.tsx | 2 +- src/components/medications/side-effects-section.tsx | 4 ++-- src/components/mood/mood-list.tsx | 2 +- src/components/onboarding/source-card-grid.tsx | 2 +- src/components/settings/api-section.tsx | 6 +++--- src/components/settings/mcp-section.tsx | 6 +++--- src/components/settings/sharing-section.tsx | 10 +++++----- 23 files changed, 38 insertions(+), 40 deletions(-) diff --git a/src/components/admin/api-token-overview-section.tsx b/src/components/admin/api-token-overview-section.tsx index 93044b04d..2e7c3d49a 100644 --- a/src/components/admin/api-token-overview-section.tsx +++ b/src/components/admin/api-token-overview-section.tsx @@ -328,13 +328,13 @@ export function ApiTokenOverviewSection() { ))} -

+

{t("admin.tokenLastUsed")}:{" "} {token.lastUsedAt ? formatDateTime(token.lastUsedAt) : t("admin.tokenNeverUsed")}

-

+

{t("admin.tokenCreated")}: {formatDate(token.createdAt)}

diff --git a/src/components/admin/backups-section.tsx b/src/components/admin/backups-section.tsx index 5b73bbbdf..24bbfbf30 100644 --- a/src/components/admin/backups-section.tsx +++ b/src/components/admin/backups-section.tsx @@ -578,11 +578,11 @@ export function BackupsSection() {
  • {row.username} - + {formatBackupType(row.type, t)}
    -

    +

    {t("admin.section.backups.colSize")}:{" "} {formatBytes(row.sizeBytes, fmt)} ·{" "} {fmt.dateTime(row.createdAt)} diff --git a/src/components/admin/user-management-section.tsx b/src/components/admin/user-management-section.tsx index b73d63835..91a38518f 100644 --- a/src/components/admin/user-management-section.tsx +++ b/src/components/admin/user-management-section.tsx @@ -411,7 +411,7 @@ export function UserManagementSection() { variant={ u.role === "ADMIN" ? "default" : "secondary" } - className="text-[10px]" + className="text-xs" > {u.role} @@ -419,7 +419,7 @@ export function UserManagementSection() {

    {u.email || "—"}

    -

    +

    {t("admin.userPasskeys")}: {u.passkeyCount} ·{" "} {formatDate(u.createdAt)}

    diff --git a/src/components/charts/chart-overlay-controls.tsx b/src/components/charts/chart-overlay-controls.tsx index e759a8009..93e8c19d4 100644 --- a/src/components/charts/chart-overlay-controls.tsx +++ b/src/components/charts/chart-overlay-controls.tsx @@ -248,7 +248,7 @@ export function ChartOverlayControlsBody({ prefs.comparisonBaseline === value ? "default" : "outline" } size="sm" - className={`min-h-11 px-2 text-[11px] sm:min-h-9 ${isGreyed ? "opacity-50" : ""}`.trim()} + className={`min-h-11 px-2 text-xs sm:min-h-9 ${isGreyed ? "opacity-50" : ""}`.trim()} onClick={() => setComparisonBaseline(value)} aria-pressed={prefs.comparisonBaseline === value} aria-disabled={isGreyed || undefined} @@ -263,7 +263,7 @@ export function ChartOverlayControlsBody({ {comparisonGreyOut && (

    {disabledTooltip} diff --git a/src/components/cycle/cycle-history-chart.tsx b/src/components/cycle/cycle-history-chart.tsx index 4d5201969..1d761e6cb 100644 --- a/src/components/cycle/cycle-history-chart.tsx +++ b/src/components/cycle/cycle-history-chart.tsx @@ -360,7 +360,7 @@ function StatChip({ style={{ backgroundColor: hue }} /> - + {label} diff --git a/src/components/cycle/cycle-phase-crosstab.tsx b/src/components/cycle/cycle-phase-crosstab.tsx index f2badb1aa..8e0f4d693 100644 --- a/src/components/cycle/cycle-phase-crosstab.tsx +++ b/src/components/cycle/cycle-phase-crosstab.tsx @@ -187,7 +187,7 @@ export function CyclePhaseCrosstab({ diff --git a/src/components/insights/coach-panel/coach-conversation.tsx b/src/components/insights/coach-panel/coach-conversation.tsx index 629046bc0..e186a7b13 100644 --- a/src/components/insights/coach-panel/coach-conversation.tsx +++ b/src/components/insights/coach-panel/coach-conversation.tsx @@ -1040,11 +1040,11 @@ export function CoachConversation({ {docScopeText} -

    +

    {t("insights.coach.attach.fencedHint")}

    {anyPendingUnindexed ? ( -

    +

    {t("insights.coach.attach.indexingHint")}

    ) : null} @@ -1143,9 +1143,7 @@ export function CoachConversation({ {renderDescription ? ( renderDescription(tagline) ) : ( -

    - {tagline} -

    +

    {tagline}

    )} @@ -517,7 +517,7 @@ export function SideEffectsSection({ medicationId }: SideEffectsSectionProps) { // px-3 py-2 is too tall inside the side-effect modal. className="px-2 py-1.5" /> -

    +

    {notes.length} / {NOTES_MAX}

    diff --git a/src/components/mood/mood-list.tsx b/src/components/mood/mood-list.tsx index b8622fcc0..76f1f4686 100644 --- a/src/components/mood/mood-list.tsx +++ b/src/components/mood/mood-list.tsx @@ -1107,7 +1107,7 @@ function MoodNoteText({ aria-expanded={expanded} aria-controls={noteId} data-testid="mood-note-toggle" - className="text-primary cursor-pointer text-[11px] font-medium" + className="text-primary cursor-pointer text-xs font-medium" > {expanded ? t("mood.noteCollapse") : t("mood.noteExpand")} diff --git a/src/components/onboarding/source-card-grid.tsx b/src/components/onboarding/source-card-grid.tsx index a05e60e47..234f942a4 100644 --- a/src/components/onboarding/source-card-grid.tsx +++ b/src/components/onboarding/source-card-grid.tsx @@ -323,7 +323,7 @@ function SourceCardItem({

    {titleLabel}

    {recommendedLabel ? ( - + {recommendedLabel} ) : null} diff --git a/src/components/settings/api-section.tsx b/src/components/settings/api-section.tsx index bc6ef36ff..7e930bd03 100644 --- a/src/components/settings/api-section.tsx +++ b/src/components/settings/api-section.tsx @@ -119,7 +119,7 @@ function ApiEndpointsCard() { className="bg-muted/30 border-border space-y-1.5 rounded-lg border p-3 text-xs" >
    - + {endpoint.method} {endpoint.path} @@ -457,11 +457,11 @@ function ApiTokensCard() { {tok.name}

    {isExpired ? ( - + {t("settings.tokenExpired")} ) : ( - + {t("settings.tokenActive")} )} diff --git a/src/components/settings/mcp-section.tsx b/src/components/settings/mcp-section.tsx index 534dc2621..d4edba7b5 100644 --- a/src/components/settings/mcp-section.tsx +++ b/src/components/settings/mcp-section.tsx @@ -124,7 +124,7 @@ function McpConnectionsCard() {

    {conn.clientName}

    - + {t("settings.mcp.connectionConnected")}
    @@ -438,11 +438,11 @@ function McpTokensCard() { {tok.name}

    {isExpired ? ( - + {t("settings.tokenExpired")} ) : ( - + {t("settings.tokenActive")} )} diff --git a/src/components/settings/sharing-section.tsx b/src/components/settings/sharing-section.tsx index 549d217d1..e029b9f5f 100644 --- a/src/components/settings/sharing-section.tsx +++ b/src/components/settings/sharing-section.tsx @@ -125,13 +125,13 @@ function ShareLinksCard() { {link.label}

    - + {t("settings.sharing.statusActive")} {link.protected && ( @@ -141,7 +141,7 @@ function ShareLinksCard() { {link.documentCount > 0 && ( )} {link.allowFhirApi && ( - + FHIR )} @@ -240,7 +240,7 @@ function ShareLinksCard() {

    {link.label}

    - + {link.revokedAt ? t("settings.sharing.statusRevoked") : t("settings.sharing.statusExpired")}