From c9e5553cbc3a8d64281118f624bb5fb63e59202a Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Wed, 22 Jul 2026 20:16:11 +0000
Subject: [PATCH] Fix vertical text in runtime container update-state cards on
 mobile

Stack the Update State cell content vertically in the mobile card layout
instead of squeezing it into a single flex row. The long vulnerability
summary and available update tag no longer collapse to a near-zero-width
column that wrapped character by character.
---
 src/DockerUpdateGuard/wwwroot/app.css | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/DockerUpdateGuard/wwwroot/app.css b/src/DockerUpdateGuard/wwwroot/app.css
index 756a170..19e8d7f 100644
--- a/src/DockerUpdateGuard/wwwroot/app.css
+++ b/src/DockerUpdateGuard/wwwroot/app.css
@@ -766,6 +766,16 @@ a {
         display: none;
     }
 
+    .runtime-containers-table .runtime-containers-table__update-state {
+        flex-direction: column;
+        align-items: flex-start;
+        gap: 0.35rem;
+    }
+
+    .runtime-containers-table .runtime-containers-table__update-state .table-secondary {
+        max-width: 100%;
+    }
+
     .runtime-containers-table .runtime-containers-table__sparkline {
         max-width: 100%;
         height: 2.25rem;