Skip to content

[Web-to-Print Configuration] UI Improvements - #4089

Open
idaiv wants to merge 2 commits into
2026.xfrom
fix/web-to-print-ui-improvements-3500
Open

[Web-to-Print Configuration] UI Improvements#4089
idaiv wants to merge 2 commits into
2026.xfrom
fix/web-to-print-ui-improvements-3500

Conversation

@idaiv

@idaiv idaiv commented Sep 9, 2026

Copy link
Copy Markdown
Contributor

Resolves #3500

Changes

Button Toolbar gap (toolbar.tsx)

The Toolbar component's inner Flex had a hardcoded gap={16} (16px). The design spec requires 8px between buttons to be consistent with other locations. Changed to gap={8}.

Note: The header padding fix (content y: 'none') belongs to the enterprise web-to-print-bundle and will be submitted as a separate PR to that repository. Only the Toolbar gap change is included here.

Test plan

  • Open Web-to-Print Settings and verify the gap between Test and Save buttons is 8px
  • Spot-check other Toolbar usages (e.g. Redirects, System Settings) to confirm the gap change looks consistent across the app

Closes #3500

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Copilot AI balanced review requested due to automatic review settings September 9, 2026 11:10
@idaiv idaiv added this to the 2026.2.10 milestone Sep 9, 2026

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🟢 Approved

The change is small, localized, and aligns the shared Toolbar spacing with the stated design requirement without introducing behavioral risk.

Pull request overview

Updates the shared Toolbar UI component to align button spacing with the Web-to-Print Configuration design spec (Issue #3500), improving consistency with other toolbars in the Studio UI.

Changes:

  • Reduced the toolbar button gap from 16px to 8px in the Toolbar component.
File summaries
File Description
assets/js/src/core/components/toolbar/toolbar.tsx Adjusts the internal Flex gap to 8px to match the design requirement for consistent button spacing.
Review details
  • Files reviewed: 1/1 changed files
  • Comments generated: 1
  • Review effort level: Lite

💡 Configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

align={ align }
className='w-full'
gap={ 16 }
gap={ 8 }
@sonarqubecloud

sonarqubecloud Bot commented Sep 9, 2026

Copy link
Copy Markdown

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Web-to-Print Configuration] UI Improvements

2 participants