fix(ui): center create-stack label and drop duplicate plus on mesh CTA (#1310)

The Create Stack button left a redundant `mr-2` on its Plus icon. The
Button base already applies `gap-2`, so the margin doubled the spacing
and pushed the centered icon-plus-label block right of center. Removing
`mr-2` restores the single correct gap.

The meshed-state routing CTA rendered both a Plus icon (via ctaIconFor)
and a literal "+ " prefix in the text, showing two plus glyphs. Dropped
the literal prefix so only the icon renders.
This commit is contained in:
Anso
2026-06-04 18:31:36 -04:00
committed by GitHub
parent 865d792874
commit 9d3055049f
2 changed files with 2 additions and 2 deletions
+1 -1
View File
@@ -315,7 +315,7 @@ export default function EditorLayout() {
className="rounded-lg w-full"
onClick={() => openCreateDialog('empty')}
>
<Plus className="w-4 h-4 mr-2" />
<Plus className="w-4 h-4" />
Create Stack
</Button>
<CreateStackDialog
@@ -544,7 +544,7 @@ function emptyStateCopy(state: RoutingNodeState, name: string, offlineReason?: s
return {
headline: 'No services routed yet.',
sub: 'Mesh is on. Opt a stack in to start publishing aliases.',
cta: '+ Add stack to mesh',
cta: 'Add stack to mesh',
};
case 'degraded':
return {