Problem
Three components define a local copy of the .btn styles instead of using the shared ui/Button.svelte:
src/lib/components/LifecycleView.svelte:389–423
src/lib/components/ContextPreviewPanel.svelte (.btn { block, line ~250s)
src/lib/components/ConsolidatePanel.svelte (.btn styles)
The local copies lost two things the shared button has:
:active { transform: scale(0.97) } — press feedback (buttons feel dead on these pages)
- Explicit transition properties — local copies use
transition: all 0.15s ease (LayoutView:395, ContextPreviewPanel:260)
Also MemoryDetail.svelte:452 uses transition: all.
Fix
- Delete local
.btn* blocks; rely on ui/Button classes (btn, btn-sm, btn-primary, btn-secondary are already global via ui/)
- Where markup uses
class="btn btn-primary" it should just work once local overrides are gone — verify paddings still fit
- Replace
transition: all in MemoryDetail:452 with explicit properties
Resolves: press feedback (mobile-UX P24/P38), transition: all (miifb #14), design-system duplication.
Source
Full-app UI audit. Related: hit-area issue (btn-sm sizing).
Problem
Three components define a local copy of the
.btnstyles instead of using the sharedui/Button.svelte:src/lib/components/LifecycleView.svelte:389–423src/lib/components/ContextPreviewPanel.svelte(.btn {block, line ~250s)src/lib/components/ConsolidatePanel.svelte(.btnstyles)The local copies lost two things the shared button has:
:active { transform: scale(0.97) }— press feedback (buttons feel dead on these pages)transition: all 0.15s ease(LayoutView:395, ContextPreviewPanel:260)Also
MemoryDetail.svelte:452usestransition: all.Fix
.btn*blocks; rely onui/Buttonclasses (btn,btn-sm,btn-primary,btn-secondaryare already global viaui/)class="btn btn-primary"it should just work once local overrides are gone — verify paddings still fittransition: allin MemoryDetail:452 with explicit propertiesResolves: press feedback (mobile-UX P24/P38),
transition: all(miifb #14), design-system duplication.Source
Full-app UI audit. Related: hit-area issue (btn-sm sizing).