mirror of
https://github.com/multica-ai/multica.git
synced 2026-07-06 22:09:44 +02:00
c27d35b7fe
The runtimes page header has three outline action buttons — "Add runtime", "Cloud Runtime", and "Add a computer" — that previously rendered with inconsistent dimensions and responsive behavior: - "Add a computer" used `h-8 w-8 ... md:w-auto md:px-2.5` (icon-only below md, expands to icon+label on md+), with an `aria-label` for the icon-only state and the label wrapped in `<span class="hidden md:inline">`. - "Add runtime" had no responsive className, no aria-label, and the label stayed visible at every width. - "Cloud Runtime" had the same gaps as "Add runtime", plus the Cloud icon was sized `h-3 w-3` instead of `h-3.5 w-3.5` like the others. Visually they read as three different button styles crammed into one header. Aligning all three to the "Add a computer" pattern gives the header a single, consistent action group at all breakpoints, fixes the mobile layout (header no longer wraps onto multiple lines for users with both Cloud Runtime enabled and admin role), and makes every icon-only state screen-reader accessible. Changes: - Apply `h-8 w-8 gap-1 px-0 md:w-auto md:px-2.5` to all three buttons. - Add `aria-label` to "Add runtime" and "Cloud Runtime". - Wrap the label of "Add runtime" and "Cloud Runtime" in `<span className="hidden md:inline">` so they collapse to icon-only below md, matching "Add a computer". - Normalize the Cloud icon size from `h-3 w-3` to `h-3.5 w-3.5`. Verification: typecheck + lint + 1395 unit tests across @multica/views all pass. Co-authored-by: Eve <eve@multica-ai.local> Co-authored-by: multica-agent <github@multica.ai>