From 230fde3e700c27d8dfaacd193e165e5f486cf9db Mon Sep 17 00:00:00 2001
From: Chneemann <andre-kempf@mailbox.org>
Date: Mon, 24 Aug 2026 08:53:25 +0200
Subject: [PATCH] fix(summary): resolve text clipping issue

---
 app/(app)/summary/sections/SummaryPriorityCard.tsx | 6 +++---
 app/(app)/summary/sections/SummaryStatusCard.tsx   | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/(app)/summary/sections/SummaryPriorityCard.tsx b/app/(app)/summary/sections/SummaryPriorityCard.tsx
index c30cdae..928dd6b 100644
--- a/app/(app)/summary/sections/SummaryPriorityCard.tsx
+++ b/app/(app)/summary/sections/SummaryPriorityCard.tsx
@@ -58,16 +58,16 @@ export default function SummaryPriorityCard({
             <div key={pKey} className="space-y-3">
               <div className="flex items-center justify-between text-sm">
                 <span
-                  className={`px-2.5 py-0.5 rounded-lg text-xs font-semibold border ${config.className}`}
+                  className={`px-1.5 py-0.5 rounded-lg text-xs font-semibold border ${config.className}`}
                 >
                   {config.label}
                 </span>
 
                 <div className="flex items-center gap-2">
-                  <span className="text-xs text-foreground-muted font-semibold w-10 text-right">
+                  <span className="text-xs text-foreground-muted font-semibold text-right">
                     {percentage}%
                   </span>
-                  <span className="bg-background/80 py-0.5 rounded-lg border border-border/60 text-xs font-bold w-14 text-right inline-block">
+                  <span className="bg-background/80 px-1.5 py-0.5 rounded-lg border border-border/60 text-xs font-bold text-center inline-block">
                     {count} {count === 1 ? "item" : "items"}
                   </span>
                 </div>
diff --git a/app/(app)/summary/sections/SummaryStatusCard.tsx b/app/(app)/summary/sections/SummaryStatusCard.tsx
index 31b610e..0c491bf 100644
--- a/app/(app)/summary/sections/SummaryStatusCard.tsx
+++ b/app/(app)/summary/sections/SummaryStatusCard.tsx
@@ -64,10 +64,10 @@ export default function SummaryStatusCard({
                 </div>
 
                 <div className="flex items-center gap-3">
-                  <span className="text-xs text-foreground-muted font-semibold w-10 text-right">
+                  <span className="text-xs text-foreground-muted font-semibold text-right">
                     {percentage}%
                   </span>
-                  <span className="bg-background/80 py-0.5 rounded-lg border border-border/60 text-xs font-bold w-14 text-right inline-block">
+                  <span className="bg-background/80 px-1.5 py-0.5 rounded-lg border border-border/60 text-xs font-bold text-center inline-block">
                     {count} {count === 1 ? "task" : "tasks"}
                   </span>
                 </div>