From f6d872a3fbcb07ef3cf0c98ce3ae4b3331f49cb6 Mon Sep 17 00:00:00 2001
From: wjames111 <william.james@cru.org>
Date: Fri, 15 May 2026 12:39:58 -0400
Subject: [PATCH] MPDX-9577: Move form-type chip to its own line in PDS goal
 card

Stack the Simple/Default badge below the goal name so long names
have full width and the chip is consistently positioned.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 src/components/Reports/Shared/GoalCard/GoalCard.tsx | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/components/Reports/Shared/GoalCard/GoalCard.tsx b/src/components/Reports/Shared/GoalCard/GoalCard.tsx
index 3523a68c31..91fac0967d 100644
--- a/src/components/Reports/Shared/GoalCard/GoalCard.tsx
+++ b/src/components/Reports/Shared/GoalCard/GoalCard.tsx
@@ -107,16 +107,15 @@ export const GoalCard: React.FC<GoalCardProps> = ({
       />
 
       <StyledCard>
-        <StyledHeaderBox sx={badge ? { gap: 1 } : undefined}>
+        <StyledHeaderBox
+          sx={badge ? { flexDirection: 'column', gap: 1 } : undefined}
+        >
           <Tooltip title={displayName}>
             <Typography
               data-testid="goal-name"
               variant="h6"
               noWrap
-              sx={{
-                textAlign: 'center',
-                ...(badge ? { minWidth: 0 } : { width: '100%' }),
-              }}
+              sx={{ textAlign: 'center', width: '100%' }}
             >
               {displayName}
             </Typography>