Please size up toolbars throughout the app - way too small (bad UX)

[begunfx]

Please see the following screenshot:

The horizontal toolbars are way too small - this is even more prevalent on mobile devices. From a usability standpoint they are hard to distinguish and just as hard to properly select.

See the following recommendations I quickly grabbed from a google search:
"UX icon size standards focus on usability, accessibility, and consistency, with a 24x24dp (density-independent pixels) base being the standard for Material Design and most mobile apps. For optimal touch, interactive icons should have a minimum target size of 44x44px to 48x48px, while visual icon sizes typically range from 16px to 32px depending on context"

Keep up the great work!

Thanks.

[s-b-e-n-s-o-n]

This was a great callout @begunfx — we took it seriously and did a full design system overhaul for v1.5.

What shipped

Touch targets: Every interactive icon button now meets or approaches WCAG 2.5.8 minimum sizes. AppIconButton component with 5 size tiers: toolbar (28px, dense filter bars), xs (36px), sm (40px), md (44px, WCAG minimum), lg (48px, Material Design). Visual icon sizes bumped from 12-14px to 14-20px.

Shared components: 5 new primitives that enforce consistency:

• AppIconButton — icon-only buttons with proper sizing and disabled tooltip support
• AppBadge — tone-based badges replacing 165 inline badge patterns
• StatusDot — semantic status indicators
• DetailField — label+value pairs
• AppTabBar — replacing 4 manually-built tab bars

Semantic typography: 15 @utility classes (dd-text-label, dd-text-heading-section, etc.) so purpose drives font size, not ad-hoc pixel values.

Migration: All 35+ view and component files migrated to use the new system. Net reduction of ~370 lines of duplicated inline styling.

Accessibility: Full tooltip audit across all views — status dots, badges, interactive icons all have tooltips now. Disabled buttons preserve tooltips so users can see why an action is unavailable.

Ships with v1.5.0. Thanks for pushing on this.

[begunfx]

This does not appear to be addressed in 1.5.0-rc.1 (see attached image for reference). The icons appear to still be the same size as version 1.4.5):

[s-b-e-n-s-o-n]

You're right — the migration was incomplete. Here's what's shipping in the next RC:

Size tier bump (WCAG 2.5.8 compliance at default scale):

Tier	Before	After	Notes
toolbar	28px / 13px icon	32px / 15px icon	Dense filter bars
xs	36px / 14px icon	40px / 16px icon	Compact interactive
sm (default)	40px / 16px icon	44px / 18px icon	WCAG 2.5.8 minimum
md	44px / 18px icon	48px / 20px icon	Material Design
lg	48px / 20px icon	56px / 24px icon	Prominent actions

Containers page migrations:

• View mode switcher (table/cards/list) → AppIconButton toolbar
• Stop/Start/Restart action buttons → AppIconButton toolbar
• Detail panel close + full-page buttons → AppIconButton toolbar
• Split button icons bumped from 11px → 14px
• Column picker checkmarks bumped from 10px → 13px

The icon scale slider in Appearance settings still works as a multiplier on top of these new base sizes.

[s-b-e-n-s-o-n]

My bad dude, I did the css but did not convert all the icons, I also updated the dashboard editor and did not give enough attention to making sure I replaced all buttons.

[begunfx]

That's the challenge of moving fast. 😉

[s-b-e-n-s-o-n]

Thats for sure! Really appreciate the help and second set of eyes!

[s-b-e-n-s-o-n]

The full icon sizing migration shipped in rc.2 — all interactive icon buttons across 16 files now use the AppIconButton component with proper WCAG-compliant touch targets. A ButtonStandard.spec.ts guardrail test prevents regressions.

Closing this out. If any buttons still feel too small on rc.2+, open an issue with a screenshot and we'll fix it.