feat(FN-2679): move show-hidden control inline in usage indicator

- Reposition the show-hidden toggle into the UsageIndicator inline layout next to usage details
- Update UsageIndicator styles to support the new inline button placement and spacing
- Add UsageIndicator tests that assert the show-hidden button renders in the correct placement
- Preserve existing behavior while improving visual hierarchy for hidden-usage toggling
This commit is contained in:
Fusion
2026-04-27 04:33:10 -07:00
committed by gsxdsm
parent b79168b552
commit 30df38efda
3 changed files with 25 additions and 4 deletions

View File

@@ -225,9 +225,13 @@
}
.usage-show-hidden-btn {
margin-left: var(--space-sm);
padding: calc(var(--space-xs) / 2) calc(var(--space-sm) - var(--space-xs) / 2);
font-size: calc(var(--space-sm) + var(--space-xs) * 0.75);
line-height: 1.2;
color: var(--text-muted);
white-space: nowrap;
flex-shrink: 0;
}
.usage-show-hidden-btn:hover {
@@ -513,7 +517,6 @@
}
.usage-provider-actions {
width: 100%;
justify-content: flex-end;
flex-wrap: wrap;
}