From 37ed7570cad6709e1babf0bd40993c16411eb81e Mon Sep 17 00:00:00 2001
From: kisfenyo <nagyfenyvesi.viktor@gmail.com>
Date: Mon, 15 Jun 2026 21:24:33 +0200
Subject: [PATCH] fix: stack-card state-badge clipping on unhealthy apps
 (v0.68.2)

.stack-title-row gains flex:1+min-width:0 so it shrinks/wraps; .stack-state-badge
gains flex-shrink:0 so the nowrap badge is never compressed. Only unhealthy cards
clipped (the route-unpublished warning inflated the title-row).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 CHANGELOG.md                                | 17 +++++++++++++++++
 controller/internal/web/templates/style.css |  3 +++
 2 files changed, 20 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 96a2f09..62ceca8 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,22 @@
 ## Changelog
 
+### v0.68.2 — fix stack-card state-badge clipping on unhealthy apps (CSS) (2026-06-15)
+
+The `.stack-detail-header` is a `flex` / `space-between` row holding the `.stack-title-row` (logo +
+title + subdomain link + the `route-unpublished` warning) and the `.stack-state-badge`. On an
+**unhealthy** app the long "⚠ URL nem elérhető – útvonal nincs publikálva" warning inflated the
+title-row; because the title-row had no `min-width:0` it refused to shrink below its content, and
+because the `white-space:nowrap` badge had no `flex-shrink:0` the flexbox compressed the BADGE
+instead — clipping "Nem egészséges" to "Ner…". Healthy / not-deployed cards don't render that
+warning, so only unhealthy cards clipped.
+
+- `.stack-title-row` → `flex: 1; min-width: 0;` (allowed to shrink + wrap its own content).
+- `.stack-state-badge` → `flex-shrink: 0;` (never compressed).
+
+Pure CSS; no behavior change. Browser-verified on /stacks: komga's badge now reads the full "Nem
+egészséges" and the warning wraps within the title column; healthy ("Fut") and not-deployed cards
+unchanged.
+
 ### v0.68.1 — boot-id recreate ALL deployed drive-backed apps (state-independent) (2026-06-15)
 
 Fix caught live in the E1 host-reboot test: `shouldRecreateOnBoot` filtered on container state
diff --git a/controller/internal/web/templates/style.css b/controller/internal/web/templates/style.css
index 4b78cff..8f41621 100644
--- a/controller/internal/web/templates/style.css
+++ b/controller/internal/web/templates/style.css
@@ -364,6 +364,8 @@ h3 {
     display: flex;
     align-items: center;
     gap: .75rem;
+    flex: 1;
+    min-width: 0;
 }
 .subdomain-link {
     font-size: .8rem;
@@ -378,6 +380,7 @@ h3 {
     font-size: .75rem;
     font-weight: 600;
     white-space: nowrap;
+    flex-shrink: 0;
 }
 .state-green { background: rgba(0, 136, 204, 0.12); color: var(--accent-light); }
 .state-red { background: var(--red-bg); color: var(--red); }