From 9d3055049feb388ddca939b3c9537519221b5b56 Mon Sep 17 00:00:00 2001
From: Anso <dev@saelix.com>
Date: Thu, 4 Jun 2026 18:31:36 -0400
Subject: [PATCH] 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.
---
 frontend/src/components/EditorLayout.tsx         | 2 +-
 frontend/src/components/ui/routing-node-card.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/EditorLayout.tsx b/frontend/src/components/EditorLayout.tsx
index c75143ae..cfbea43d 100644
--- a/frontend/src/components/EditorLayout.tsx
+++ b/frontend/src/components/EditorLayout.tsx
@@ -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
diff --git a/frontend/src/components/ui/routing-node-card.tsx b/frontend/src/components/ui/routing-node-card.tsx
index 3b799fe0..f3227836 100644
--- a/frontend/src/components/ui/routing-node-card.tsx
+++ b/frontend/src/components/ui/routing-node-card.tsx
@@ -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 {