From a188fcbe858901ae8d371b4653f06d5da9b6ec0a Mon Sep 17 00:00:00 2001
From: Juergen Kunz <juergen@foss.global>
Date: Mon, 16 Mar 2026 14:53:08 +0000
Subject: [PATCH] fix(platform-service-detail-view): wrap service logs chart in
 a full-width container to preserve layout

---
 changelog.md                                  |  6 +++++
 ts_web/00_commitinfo_data.ts                  |  2 +-
 .../sz-platform-service-detail-view.ts        | 24 ++++++++++---------
 3 files changed, 20 insertions(+), 12 deletions(-)

diff --git a/changelog.md b/changelog.md
index 5790adb..447c703 100644
--- a/changelog.md
+++ b/changelog.md
@@ -1,5 +1,11 @@
 # Changelog
 
+## 2026-03-16 - 2.6.2 - fix(platform-service-detail-view)
+wrap service logs chart in a full-width container to preserve layout
+
+- Places the logs component inside a container spanning all grid columns.
+- Keeps the service logs view aligned correctly within the detail page layout.
+
 ## 2026-03-16 - 2.6.1 - fix(platform-service-detail-view)
 replace custom service log markup with dees-chart-log in the platform service detail view
 
diff --git a/ts_web/00_commitinfo_data.ts b/ts_web/00_commitinfo_data.ts
index df5c898..c86da4e 100644
--- a/ts_web/00_commitinfo_data.ts
+++ b/ts_web/00_commitinfo_data.ts
@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@serve.zone/catalog',
-  version: '2.6.1',
+  version: '2.6.2',
   description: 'UI component catalog for serve.zone'
 }
diff --git a/ts_web/elements/sz-platform-service-detail-view.ts b/ts_web/elements/sz-platform-service-detail-view.ts
index 073d5a2..7ddfef4 100644
--- a/ts_web/elements/sz-platform-service-detail-view.ts
+++ b/ts_web/elements/sz-platform-service-detail-view.ts
@@ -587,17 +587,19 @@ export class SzPlatformServiceDetailView extends DeesElement {
         ` : ''}
 
         <!-- Logs -->
-        <dees-chart-log
-          .label=${'Service Logs'}
-          .logEntries=${this.logs.map(log => ({
-            timestamp: log.timestamp.includes('T') ? log.timestamp : new Date(log.timestamp).toISOString(),
-            level: log.level as 'debug' | 'info' | 'warn' | 'error',
-            message: log.message,
-          }))}
-          .autoScroll=${true}
-          .maxEntries=${2000}
-          .showMetrics=${true}
-        ></dees-chart-log>
+        <div style="grid-column: 1 / -1;">
+          <dees-chart-log
+            .label=${'Service Logs'}
+            .logEntries=${this.logs.map(log => ({
+              timestamp: log.timestamp.includes('T') ? log.timestamp : new Date(log.timestamp).toISOString(),
+              level: log.level as 'debug' | 'info' | 'warn' | 'error',
+              message: log.message,
+            }))}
+            .autoScroll=${true}
+            .maxEntries=${2000}
+            .showMetrics=${true}
+          ></dees-chart-log>
+        </div>
       </div>
     `;
   }