From 960a1bba492ebf01e6a627c25326adc6ae82f4e8 Mon Sep 17 00:00:00 2001
From: Bart Ledoux <bledoux@kestra.io>
Date: Thu, 16 Jan 2025 15:46:22 +0100
Subject: [PATCH] fix: reduce log borders on gantt chart logs

---
 ui/src/components/executions/Gantt.vue    | 19 +------------
 ui/src/components/logs/TaskRunDetails.vue | 34 ++++++++++-------------
 2 files changed, 15 insertions(+), 38 deletions(-)

diff --git a/ui/src/components/executions/Gantt.vue b/ui/src/components/executions/Gantt.vue
index 5ffd6fb03f0..1917ec149fe 100644
--- a/ui/src/components/executions/Gantt.vue
+++ b/ui/src/components/executions/Gantt.vue
@@ -441,7 +441,7 @@
 
     // To Separate through Line
     :deep(.vue-recycle-scroller__item-view) {
-        border-bottom: 2px solid var(--ks-border-primary);
+        border-bottom: 1px solid var(--ks-border-primary);
         margin-bottom: 10px;
 
         &:last-child {
@@ -457,22 +457,5 @@
         > .vue-recycle-scroller__item-wrapper > .vue-recycle-scroller__item-view > div {
             border-radius: var(--bs-border-radius-lg);
         }
-
-        .attempt-wrapper {
-            margin-bottom: 0;
-            border: 2px solid var(--ks-border-primary);
-
-            tbody:last-child & {
-                border-bottom: 2px solid var(--ks-border-primary);
-            }
-
-            .attempt-header {
-                padding: .5rem;
-            }
-
-            .line {
-                padding: .5rem;
-            }
-        }
     }
 </style>
\ No newline at end of file
diff --git a/ui/src/components/logs/TaskRunDetails.vue b/ui/src/components/logs/TaskRunDetails.vue
index 7e9ff02eafd..f87ae6e7db2 100644
--- a/ui/src/components/logs/TaskRunDetails.vue
+++ b/ui/src/components/logs/TaskRunDetails.vue
@@ -682,19 +682,6 @@
             border-radius: 0px;
         }
 
-        &.even > div > .el-card {
-            background: var(--bs-gray-100);
-
-            html.dark & {
-                background: var(--bs-gray-200);
-            }
-
-            .task-icon {
-                border: none;
-                color: $white;
-            }
-        }
-
         :deep(> .vue-recycle-scroller__item-wrapper > .vue-recycle-scroller__item-view > div) {
             padding-bottom: 1rem;
         }
@@ -704,18 +691,25 @@
         }
 
         .attempt-wrapper {
-            background-color: var(--ks-background-card);
+            background-color: var(--ks-background-input);
+            margin-bottom: 0;
+            border: 1px solid var(--ks-border-primary);
 
-            :deep(.vue-recycle-scroller__item-view + .vue-recycle-scroller__item-view) {
-                border-top: 1px solid var(--ks-border-primary);
+            .attempt-wrapper & {
+                border-radius: .25rem;
+            }
+            
+            tbody:last-child & {
+                border-bottom: 1px solid var(--ks-border-primary);
             }
 
-            html.dark & {
-                background-color: var(--bs-gray-100);
+            .attempt-header {
+                padding: .5rem;
+                border-bottom: 1px solid var(--ks-border-primary);
             }
 
-            .attempt-wrapper & {
-                border-radius: .25rem;
+            .line {
+                padding: .5rem;
             }
         }