root/fusion
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(FN-2675): tighten TaskCard right-side action button spacing

Browse Source 
- Reduce horizontal spacing for archive/unarchive and send-back action buttons on TaskCard
- Replace hardcoded padding, margin, gap, and font-size values with design-token-based calculations
- Keep mobile action-button padding aligned with the updated compact sizing
This commit is contained in:
Fusion
2026-04-27 04:20:19 -07:00
committed by gsxdsm
parent 92e14e3fa6
commit a1522835fc
1 changed files with 10 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
packages/dashboard/app/components/TaskCard.css
View File

@@ -802,9 +802,10 @@
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 2px 8px; padding: calc(var(--space-xs) / 4)
margin-left: 8px; calc(var(--space-sm) - (var(--space-xs) / 2));
font-size: 11px; margin-left: var(--space-xs);
font-size: calc(var(--space-sm) + (var(--space-xs) / 2));
font-weight: 500; font-weight: 500;
background: var(--card); background: var(--card);
border: 1px solid var(--border); border: 1px solid var(--border);
@@ -842,10 +843,11 @@
.card-send-back-btn { .card-send-back-btn {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
gap: 2px; gap: calc(var(--space-xs) / 2);
padding: 2px 8px; padding: calc(var(--space-xs) / 4)
margin-left: 8px; calc(var(--space-sm) - (var(--space-xs) / 2));
font-size: 11px; margin-left: var(--space-xs);
font-size: calc(var(--space-sm) + (var(--space-xs) / 2));
font-weight: 500; font-weight: 500;
background: var(--card); background: var(--card);
border: 1px solid var(--border); border: 1px solid var(--border);
@@ -975,7 +977,7 @@
.card-archive-btn, .card-archive-btn,
.card-unarchive-btn { .card-unarchive-btn {
opacity: 1; opacity: 1;
padding: 4px 10px; padding: calc(var(--space-xs) - (var(--space-xs) / 4)) var(--space-sm);
} }
/* Card: compact progress bar on narrow cards */ /* Card: compact progress bar on narrow cards */