From 10e37dd7e53f2bf8704b18153490787f1d0ed5ae Mon Sep 17 00:00:00 2001
From: Dotta <bippadotta@protonmail.com>
Date: Mon, 16 Mar 2026 08:00:38 -0500
Subject: [PATCH] fix: remove "None" text from empty goals, add padding to +
 goal button

When no goals are linked, hide the "None" label and just show the
"+ Goal" button. When goals exist, add left margin to the button so
it doesn't crowd the goal badges.

Closes PAP-522

Co-Authored-By: Paperclip <noreply@paperclip.ing>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 ui/src/components/ProjectProperties.tsx | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/ui/src/components/ProjectProperties.tsx b/ui/src/components/ProjectProperties.tsx
index 38dc1a33..3f6f6e40 100644
--- a/ui/src/components/ProjectProperties.tsx
+++ b/ui/src/components/ProjectProperties.tsx
@@ -420,9 +420,7 @@ export function ProjectProperties({ project, onUpdate, onFieldUpdate, getFieldSa
           alignStart
           valueClassName="space-y-2"
         >
-          {linkedGoals.length === 0 ? (
-            <span className="text-sm text-muted-foreground">None</span>
-          ) : (
+          {linkedGoals.length > 0 && (
             <div className="flex flex-wrap gap-1.5">
               {linkedGoals.map((goal) => (
                 <span
@@ -452,7 +450,7 @@ export function ProjectProperties({ project, onUpdate, onFieldUpdate, getFieldSa
                 <Button
                   variant="outline"
                   size="xs"
-                  className="h-6 w-fit px-2"
+                  className={cn("h-6 w-fit px-2", linkedGoals.length > 0 && "ml-1")}
                   disabled={availableGoals.length === 0}
                 >
                   <Plus className="h-3 w-3 mr-1" />