From a5da68a7f9fa0ef616299b36a13faba0fea2ca8a Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@cloudron.io>
Date: Thu, 26 Mar 2026 16:15:47 +0100
Subject: [PATCH] Fix overflow issue in eventlog

---
 dashboard/src/components/EventlogList.vue | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/dashboard/src/components/EventlogList.vue b/dashboard/src/components/EventlogList.vue
index 66ab86035..64484c029 100644
--- a/dashboard/src/components/EventlogList.vue
+++ b/dashboard/src/components/EventlogList.vue
@@ -202,8 +202,8 @@ defineExpose({ refresh: onRefresh, setHighlight });
       <table class="eventlog-table">
         <thead>
           <tr>
-            <th style="width: 160px;">{{ $t('eventlog.time') }}</th>
-            <th style="width: 15%;">{{ $t('eventlog.source') }}</th>
+            <th style="width: 190px;">{{ $t('eventlog.time') }}</th>
+            <th style="width: 100px;">{{ $t('eventlog.source') }}</th>
             <th>{{ $t('eventlog.details') }}</th>
             <th style="width: 40px;"></th>
           </tr>
@@ -211,9 +211,9 @@ defineExpose({ refresh: onRefresh, setHighlight });
         <tbody>
           <template v-for="(eventlog, index) in eventlogs" :key="eventlog.id">
             <tr :data-index="index" :class="{ 'active': eventlog.isOpen, 'eventlog-match': highlight && isMatch(eventlog, highlight), 'eventlog-match-current': matchIndices[currentMatchPosition] === index }" @click="eventlog.isOpen = !eventlog.isOpen">
-              <td style="white-space: nowrap;">{{ prettyLongDate(eventlog.raw.creationTime) }}</td>
+              <td>{{ prettyLongDate(eventlog.raw.creationTime) }}</td>
               <td class="eventlog-source">{{ eventlog.source }}</td>
-              <td style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;" v-html="eventlog.details"></td>
+              <td v-html="eventlog.details"></td>
               <td><Button v-if="eventlog.raw.data.taskId" @click.stop plain small tool :href="app ? `/logs.html?appId=${app.id}&taskId=${eventlog.raw.data.taskId}` : `/logs.html?taskId=${eventlog.raw.data.taskId}`" target="_blank">Logs</Button></td>
             </tr>
             <tr v-show="eventlog.isOpen">
@@ -243,6 +243,9 @@ defineExpose({ refresh: onRefresh, setHighlight });
 .eventlog-table th,
 .eventlog-table td {
   padding: 6px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .eventlog-table tbody tr.active,