feat(FN-3972): align metadata controls in TaskDetailModal

Refined TaskDetailModal metadata controls layout and styling, including test coverage to lock down the component contract.

Fusion-Task-Id: FN-3972
This commit is contained in:
Fusion
2026-05-10 21:29:58 -07:00
committed by gsxdsm
parent 407ce618b7
commit 5d5689d597
4 changed files with 108 additions and 45 deletions

View File

@@ -167,12 +167,18 @@
}
}
.detail-priority-chip {
.detail-meta-inline-controls {
--detail-priority-control-min-height: calc(var(--space-2xl) + var(--space-xs));
display: inline-flex;
align-items: stretch;
gap: var(--space-xs);
}
.detail-priority-chip {
gap: var(--space-xs);
margin-left: var(--space-xs);
min-height: var(--detail-priority-control-min-height);
box-sizing: border-box;
}
.detail-priority-chip--saving {
@@ -211,8 +217,8 @@
display: inline-flex;
align-items: center;
gap: var(--space-xs);
margin-left: var(--space-xs);
min-height: calc(var(--space-2xl) + var(--space-xs));
min-height: var(--detail-priority-control-min-height);
box-sizing: border-box;
}
.detail-execution-mode-toggle svg {
@@ -1529,20 +1535,17 @@
align-items: stretch;
}
.detail-priority-chip {
margin-left: 0;
margin-top: var(--space-xs);
.detail-meta-inline-controls {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: var(--space-xs);
}
.detail-priority-select {
min-height: var(--detail-priority-control-min-height);
}
.detail-execution-mode-toggle {
margin-left: 0;
margin-top: var(--space-xs);
}
.detail-source-header {
align-items: flex-start;
}