From afe3ec1699c25521db9e0077034d60c107847290 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Wed, 11 Feb 2026 17:11:32 +0000
Subject: [PATCH] Refactor: Use CSS class instead of inline styles for update
 warning

Co-authored-by: szaimen <42591237+szaimen@users.noreply.github.com>
---
 php/public/style.css                          | 5 +++++
 php/templates/components/container-state.twig | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/php/public/style.css b/php/public/style.css
index b35883d0..9c12b0f6 100644
--- a/php/public/style.css
+++ b/php/public/style.css
@@ -174,6 +174,11 @@ span.running {
     background-color: var(--color-running);
 }
 
+.container-update-warning {
+    color: #ff6b00;
+    font-weight: bold;
+}
+
 div.toast.success {
     border-left-color: var(--color-success);
 }
diff --git a/php/templates/components/container-state.twig b/php/templates/components/container-state.twig
index 67ea9326..8b1f0d8f 100644
--- a/php/templates/components/container-state.twig
+++ b/php/templates/components/container-state.twig
@@ -18,7 +18,7 @@
       (<a target="_blank" href="{{ c.documentation }}">docs</a>)
     {% endif %}
     {% if c.GetUpdateState().value == 'different' %}
-      <span style="color: #ff6b00; font-weight: bold;">⚠️ Update available</span>
+      <span class="container-update-warning">⚠️ Update available</span>
     {% endif %}
   </span>
   {% if c.GetUiSecret() != '' %}