From c5aa5ecfc763c77eacf528c15614f12965b38120 Mon Sep 17 00:00:00 2001 From: gsxdsm Date: Thu, 16 Jul 2026 00:38:33 -0700 Subject: [PATCH] fix(dashboard): keep quick-add Save inline with its icon controls on mobile Tighten the mobile primary-group gap to --space-xs and the icon-only controls' min-width floor to 32px so the Save button no longer wraps to its own line in the board quick-add composer. Touch-target height is unchanged. Co-Authored-By: Claude Fable 5 --- .changeset/quick-add-save-inline-mobile.md | 7 ++++++ .../app/components/QuickEntryBox.css | 22 +++++++++++++++++++ 2 files changed, 29 insertions(+) create mode 100644 .changeset/quick-add-save-inline-mobile.md diff --git a/.changeset/quick-add-save-inline-mobile.md b/.changeset/quick-add-save-inline-mobile.md new file mode 100644 index 0000000000..f39d345dcf --- /dev/null +++ b/.changeset/quick-add-save-inline-mobile.md @@ -0,0 +1,7 @@ +--- +"@runfusion/fusion": patch +--- + +summary: Keep the quick-add Save button on the same line as its icon controls on mobile. +category: fix +dev: Mobile-scoped `.quick-entry-primary-group` gap/icon min-width reduction in QuickEntryBox.css; touch-target height unchanged. diff --git a/packages/dashboard/app/components/QuickEntryBox.css b/packages/dashboard/app/components/QuickEntryBox.css index 4ad196d0a4..68767aea73 100644 --- a/packages/dashboard/app/components/QuickEntryBox.css +++ b/packages/dashboard/app/components/QuickEntryBox.css @@ -796,6 +796,28 @@ FN-7682 — the tokenized-CSS test forbids raw px in the workflow-selector rules line-height: 1; } + /* + FNXC:QuickAddActionRow 2026-07-16-12:45: + Operator feedback on the FN-7684-era wrap behavior: Save must sit on the SAME line as the five + icon controls on mobile, not wrap to a second right-aligned line. The wrap fired because the + primary group needed ~275px in a ~260px column (measured 2026-07-15): five 36px icon floors + + five 8px gaps + an unshrinkable Save. Rather than re-allowing Save to clip (the FN-7684 bug), + recover the deficit from spacing and icon width inside this group only: + - group gap drops to --space-xs (saves 4px × 5 gaps = 20px), + - icon-only controls drop their min-width floor from the global 36px .btn-icon rule to + --space-2xl (32px; saves 4px × 5 = 20px). + Touch-target HEIGHT is untouched (the 36px fixed-box rule above still owns it), so the controls + remain tappable; only horizontal footprint shrinks. flex-wrap stays as the safety net for + columns even narrower than this recovers. + */ + .quick-entry-primary-group { + gap: var(--space-xs); + } + + .quick-entry-primary-group .btn-icon { + min-width: var(--space-2xl); + } + .quick-entry-box .dep-dropdown { max-width: calc(100vw - calc(var(--space-lg) * 2)); }