From 859108c900b8c5538c514882d903882f236c50c3 Mon Sep 17 00:00:00 2001
From: AsmitNepali <mail2asmitnepali@gmail.com>
Date: Sat, 13 Jun 2026 00:11:19 +0545
Subject: [PATCH 1/8] Center timeline connector line on entry icons

---
 resources/views/timeline.blade.php | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/resources/views/timeline.blade.php b/resources/views/timeline.blade.php
index 4dbfb89..b21bba5 100644
--- a/resources/views/timeline.blade.php
+++ b/resources/views/timeline.blade.php
@@ -32,7 +32,7 @@ class="h-4 w-4 transition-transform"
                     @foreach ($groupEntries as $i => $entry)
                         <li class="relative" wire:key="timeline-entry-{{ $entry->id }}">
                             @if ($i !== count($groupEntries) - 1)
-                                <span aria-hidden="true" class="absolute left-[22px] top-9 bottom-0 w-px bg-gray-200 dark:bg-white/10"></span>
+                                <span aria-hidden="true" class="absolute left-[22px] top-9 bottom-0 w-px -translate-x-1/2 bg-gray-200 dark:bg-white/10"></span>
                             @endif
                             {!! $registry->resolve($entry)->render($entry) !!}
                         </li>
@@ -45,7 +45,7 @@ class="h-4 w-4 transition-transform"
             @foreach ($entries as $i => $entry)
                 <li class="relative" wire:key="timeline-entry-{{ $entry->id }}">
                     @if ($i !== count($entries) - 1)
-                        <span aria-hidden="true" class="absolute left-[22px] top-9 bottom-0 w-px bg-gray-200 dark:bg-white/10"></span>
+                        <span aria-hidden="true" class="absolute left-[22px] top-9 bottom-0 w-px -translate-x-1/2 bg-gray-200 dark:bg-white/10"></span>
                     @endif
                     {!! $registry->resolve($entry)->render($entry) !!}
                 </li>

From c21f7e9d65a1521fc8eeb8b3712bb1560c012f2b Mon Sep 17 00:00:00 2001
From: AsmitNepali <mail2asmitnepali@gmail.com>
Date: Sat, 13 Jun 2026 00:15:25 +0545
Subject: [PATCH 2/8] Use inline style to center timeline connector line on
 icons

---
 resources/views/timeline.blade.php | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/resources/views/timeline.blade.php b/resources/views/timeline.blade.php
index b21bba5..d47ea26 100644
--- a/resources/views/timeline.blade.php
+++ b/resources/views/timeline.blade.php
@@ -32,7 +32,7 @@ class="h-4 w-4 transition-transform"
                     @foreach ($groupEntries as $i => $entry)
                         <li class="relative" wire:key="timeline-entry-{{ $entry->id }}">
                             @if ($i !== count($groupEntries) - 1)
-                                <span aria-hidden="true" class="absolute left-[22px] top-9 bottom-0 w-px -translate-x-1/2 bg-gray-200 dark:bg-white/10"></span>
+                                <span aria-hidden="true" class="absolute top-9 bottom-0 w-px bg-gray-200 dark:bg-white/10" style="left: 22px; transform: translateX(-50%);"></span>
                             @endif
                             {!! $registry->resolve($entry)->render($entry) !!}
                         </li>
@@ -45,7 +45,7 @@ class="h-4 w-4 transition-transform"
             @foreach ($entries as $i => $entry)
                 <li class="relative" wire:key="timeline-entry-{{ $entry->id }}">
                     @if ($i !== count($entries) - 1)
-                        <span aria-hidden="true" class="absolute left-[22px] top-9 bottom-0 w-px -translate-x-1/2 bg-gray-200 dark:bg-white/10"></span>
+                        <span aria-hidden="true" class="absolute top-9 bottom-0 w-px bg-gray-200 dark:bg-white/10" style="left: 22px; transform: translateX(-50%);"></span>
                     @endif
                     {!! $registry->resolve($entry)->render($entry) !!}
                 </li>

From 1ec7674bb2fc29fcfd8332574ad76a9dd64d7e7e Mon Sep 17 00:00:00 2001
From: AsmitNepali <mail2asmitnepali@gmail.com>
Date: Sat, 13 Jun 2026 00:18:03 +0545
Subject: [PATCH 3/8] Center timeline connector with Tailwind arbitrary value,
 drop inline style

---
 resources/views/timeline.blade.php | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/resources/views/timeline.blade.php b/resources/views/timeline.blade.php
index d47ea26..25979ee 100644
--- a/resources/views/timeline.blade.php
+++ b/resources/views/timeline.blade.php
@@ -32,7 +32,7 @@ class="h-4 w-4 transition-transform"
                     @foreach ($groupEntries as $i => $entry)
                         <li class="relative" wire:key="timeline-entry-{{ $entry->id }}">
                             @if ($i !== count($groupEntries) - 1)
-                                <span aria-hidden="true" class="absolute top-9 bottom-0 w-px bg-gray-200 dark:bg-white/10" style="left: 22px; transform: translateX(-50%);"></span>
+                                <span aria-hidden="true" class="absolute left-[21.5px] top-9 bottom-0 w-px bg-gray-200 dark:bg-white/10"></span>
                             @endif
                             {!! $registry->resolve($entry)->render($entry) !!}
                         </li>
@@ -45,7 +45,7 @@ class="h-4 w-4 transition-transform"
             @foreach ($entries as $i => $entry)
                 <li class="relative" wire:key="timeline-entry-{{ $entry->id }}">
                     @if ($i !== count($entries) - 1)
-                        <span aria-hidden="true" class="absolute top-9 bottom-0 w-px bg-gray-200 dark:bg-white/10" style="left: 22px; transform: translateX(-50%);"></span>
+                        <span aria-hidden="true" class="absolute left-[21.5px] top-9 bottom-0 w-px bg-gray-200 dark:bg-white/10"></span>
                     @endif
                     {!! $registry->resolve($entry)->render($entry) !!}
                 </li>

From 3c6aed3c63ee055201acb9e1c4dfdaf92b143e52 Mon Sep 17 00:00:00 2001
From: AsmitNepali <mail2asmitnepali@gmail.com>
Date: Sat, 13 Jun 2026 00:22:30 +0545
Subject: [PATCH 4/8] Rework timeline as continuous border rail with straddling
 icons

---
 resources/views/entries/activity-log.blade.php | 10 ++++------
 resources/views/entries/default.blade.php      | 10 ++++------
 resources/views/timeline.blade.php             | 18 ++++++------------
 3 files changed, 14 insertions(+), 24 deletions(-)

diff --git a/resources/views/entries/activity-log.blade.php b/resources/views/entries/activity-log.blade.php
index f45c3ea..0895738 100644
--- a/resources/views/entries/activity-log.blade.php
+++ b/resources/views/entries/activity-log.blade.php
@@ -11,7 +11,7 @@
     data-type="{{ $entry->type }}"
     data-event="{{ $entry->event }}"
     @class([
-        'group grid grid-cols-[28px_1fr_auto] items-start gap-x-3 rounded-md px-2 py-2 transition',
+        'group relative grid grid-cols-[1fr_auto] items-start gap-x-3 rounded-md py-2 pe-2 ps-6 transition',
         'cursor-pointer hover:bg-gray-50/60 dark:hover:bg-white/[0.03]' => $summary->hasDiff,
     ])
     @if ($summary->hasDiff)
@@ -23,11 +23,9 @@
         @keydown.space.prevent="open = !open"
     @endif
 >
-    <div class="flex justify-center pt-0.5">
-        <span class="flex h-6 w-6 items-center justify-center rounded-full bg-gray-100 text-gray-600 ring-1 ring-gray-200 dark:bg-white/5 dark:text-gray-300 dark:ring-white/10">
-            <x-filament::icon :icon="$icon" class="h-3.5 w-3.5" />
-        </span>
-    </div>
+    <span class="absolute -start-3 top-1.5 flex h-6 w-6 items-center justify-center rounded-full bg-gray-100 text-gray-600 ring-4 ring-white dark:bg-white/5 dark:text-gray-300 dark:ring-gray-900">
+        <x-filament::icon :icon="$icon" class="h-3.5 w-3.5" />
+    </span>
 
     <div class="min-w-0">
         <p class="text-[13px] leading-5 text-gray-700 dark:text-gray-300">
diff --git a/resources/views/entries/default.blade.php b/resources/views/entries/default.blade.php
index 317683f..f2a5c93 100644
--- a/resources/views/entries/default.blade.php
+++ b/resources/views/entries/default.blade.php
@@ -10,15 +10,13 @@
 @endphp
 
 <div
-    class="grid grid-cols-[28px_1fr_auto] items-start gap-x-3 rounded-md px-2 py-2 transition hover:bg-gray-50/60 dark:hover:bg-white/[0.03]"
+    class="relative grid grid-cols-[1fr_auto] items-start gap-x-3 rounded-md py-2 pe-2 ps-6 transition hover:bg-gray-50/60 dark:hover:bg-white/[0.03]"
     data-type="{{ $entry->type }}"
     data-event="{{ $event }}"
 >
-    <div class="flex justify-center pt-0.5">
-        <span class="flex h-6 w-6 items-center justify-center rounded-full bg-gray-100 text-gray-600 ring-1 ring-gray-200 dark:bg-white/5 dark:text-gray-300 dark:ring-white/10">
-            <x-filament::icon icon="ri-circle-line" class="h-3.5 w-3.5" />
-        </span>
-    </div>
+    <span class="absolute -start-3 top-1.5 flex h-6 w-6 items-center justify-center rounded-full bg-gray-100 text-gray-600 ring-4 ring-white dark:bg-white/5 dark:text-gray-300 dark:ring-gray-900">
+        <x-filament::icon icon="ri-circle-line" class="h-3.5 w-3.5" />
+    </span>
 
     <div class="min-w-0">
         <p class="text-[13px] leading-5 text-gray-900 dark:text-gray-100">
diff --git a/resources/views/timeline.blade.php b/resources/views/timeline.blade.php
index 25979ee..cbf1c29 100644
--- a/resources/views/timeline.blade.php
+++ b/resources/views/timeline.blade.php
@@ -28,12 +28,9 @@ class="h-4 w-4 transition-transform"
                         />
                     </button>
                 </header>
-                <ol x-show="open" x-collapse class="flex flex-col">
-                    @foreach ($groupEntries as $i => $entry)
-                        <li class="relative" wire:key="timeline-entry-{{ $entry->id }}">
-                            @if ($i !== count($groupEntries) - 1)
-                                <span aria-hidden="true" class="absolute left-[21.5px] top-9 bottom-0 w-px bg-gray-200 dark:bg-white/10"></span>
-                            @endif
+                <ol x-show="open" x-collapse class="relative ms-3 flex flex-col border-s border-gray-200 dark:border-white/10">
+                    @foreach ($groupEntries as $entry)
+                        <li wire:key="timeline-entry-{{ $entry->id }}">
                             {!! $registry->resolve($entry)->render($entry) !!}
                         </li>
                     @endforeach
@@ -41,12 +38,9 @@ class="h-4 w-4 transition-transform"
             </section>
         @endforeach
     @else
-        <ol class="flex flex-col">
-            @foreach ($entries as $i => $entry)
-                <li class="relative" wire:key="timeline-entry-{{ $entry->id }}">
-                    @if ($i !== count($entries) - 1)
-                        <span aria-hidden="true" class="absolute left-[21.5px] top-9 bottom-0 w-px bg-gray-200 dark:bg-white/10"></span>
-                    @endif
+        <ol class="relative ms-3 flex flex-col border-s border-gray-200 dark:border-white/10">
+            @foreach ($entries as $entry)
+                <li wire:key="timeline-entry-{{ $entry->id }}">
                     {!! $registry->resolve($entry)->render($entry) !!}
                 </li>
             @endforeach

From ed818b5f0f8c136ea1afa4aad920c4020c5b4bae Mon Sep 17 00:00:00 2001
From: AsmitNepali <mail2asmitnepali@gmail.com>
Date: Sat, 13 Jun 2026 00:26:45 +0545
Subject: [PATCH 5/8] Use opaque icon fill so timeline rail breaks cleanly at
 icons

---
 resources/views/entries/activity-log.blade.php | 2 +-
 resources/views/entries/default.blade.php      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/resources/views/entries/activity-log.blade.php b/resources/views/entries/activity-log.blade.php
index 0895738..1e1b0f0 100644
--- a/resources/views/entries/activity-log.blade.php
+++ b/resources/views/entries/activity-log.blade.php
@@ -23,7 +23,7 @@
         @keydown.space.prevent="open = !open"
     @endif
 >
-    <span class="absolute -start-3 top-1.5 flex h-6 w-6 items-center justify-center rounded-full bg-gray-100 text-gray-600 ring-4 ring-white dark:bg-white/5 dark:text-gray-300 dark:ring-gray-900">
+    <span class="absolute -start-3 top-1.5 flex h-6 w-6 items-center justify-center rounded-full bg-gray-100 text-gray-600 ring-4 ring-white dark:bg-gray-800 dark:text-gray-300 dark:ring-gray-900">
         <x-filament::icon :icon="$icon" class="h-3.5 w-3.5" />
     </span>
 
diff --git a/resources/views/entries/default.blade.php b/resources/views/entries/default.blade.php
index f2a5c93..3ebe3da 100644
--- a/resources/views/entries/default.blade.php
+++ b/resources/views/entries/default.blade.php
@@ -14,7 +14,7 @@ class="relative grid grid-cols-[1fr_auto] items-start gap-x-3 rounded-md py-2 pe
     data-type="{{ $entry->type }}"
     data-event="{{ $event }}"
 >
-    <span class="absolute -start-3 top-1.5 flex h-6 w-6 items-center justify-center rounded-full bg-gray-100 text-gray-600 ring-4 ring-white dark:bg-white/5 dark:text-gray-300 dark:ring-gray-900">
+    <span class="absolute -start-3 top-1.5 flex h-6 w-6 items-center justify-center rounded-full bg-gray-100 text-gray-600 ring-4 ring-white dark:bg-gray-800 dark:text-gray-300 dark:ring-gray-900">
         <x-filament::icon icon="ri-circle-line" class="h-3.5 w-3.5" />
     </span>
 

From 313613a920267f615236d8e4a1aa4a6d3145cd5c Mon Sep 17 00:00:00 2001
From: AsmitNepali <mail2asmitnepali@gmail.com>
Date: Sat, 13 Jun 2026 00:33:43 +0545
Subject: [PATCH 6/8] Revert timeline divider changes, restore original views

---
 resources/views/entries/activity-log.blade.php | 10 ++++++----
 resources/views/entries/default.blade.php      | 10 ++++++----
 resources/views/timeline.blade.php             | 18 ++++++++++++------
 3 files changed, 24 insertions(+), 14 deletions(-)

diff --git a/resources/views/entries/activity-log.blade.php b/resources/views/entries/activity-log.blade.php
index 1e1b0f0..f45c3ea 100644
--- a/resources/views/entries/activity-log.blade.php
+++ b/resources/views/entries/activity-log.blade.php
@@ -11,7 +11,7 @@
     data-type="{{ $entry->type }}"
     data-event="{{ $entry->event }}"
     @class([
-        'group relative grid grid-cols-[1fr_auto] items-start gap-x-3 rounded-md py-2 pe-2 ps-6 transition',
+        'group grid grid-cols-[28px_1fr_auto] items-start gap-x-3 rounded-md px-2 py-2 transition',
         'cursor-pointer hover:bg-gray-50/60 dark:hover:bg-white/[0.03]' => $summary->hasDiff,
     ])
     @if ($summary->hasDiff)
@@ -23,9 +23,11 @@
         @keydown.space.prevent="open = !open"
     @endif
 >
-    <span class="absolute -start-3 top-1.5 flex h-6 w-6 items-center justify-center rounded-full bg-gray-100 text-gray-600 ring-4 ring-white dark:bg-gray-800 dark:text-gray-300 dark:ring-gray-900">
-        <x-filament::icon :icon="$icon" class="h-3.5 w-3.5" />
-    </span>
+    <div class="flex justify-center pt-0.5">
+        <span class="flex h-6 w-6 items-center justify-center rounded-full bg-gray-100 text-gray-600 ring-1 ring-gray-200 dark:bg-white/5 dark:text-gray-300 dark:ring-white/10">
+            <x-filament::icon :icon="$icon" class="h-3.5 w-3.5" />
+        </span>
+    </div>
 
     <div class="min-w-0">
         <p class="text-[13px] leading-5 text-gray-700 dark:text-gray-300">
diff --git a/resources/views/entries/default.blade.php b/resources/views/entries/default.blade.php
index 3ebe3da..317683f 100644
--- a/resources/views/entries/default.blade.php
+++ b/resources/views/entries/default.blade.php
@@ -10,13 +10,15 @@
 @endphp
 
 <div
-    class="relative grid grid-cols-[1fr_auto] items-start gap-x-3 rounded-md py-2 pe-2 ps-6 transition hover:bg-gray-50/60 dark:hover:bg-white/[0.03]"
+    class="grid grid-cols-[28px_1fr_auto] items-start gap-x-3 rounded-md px-2 py-2 transition hover:bg-gray-50/60 dark:hover:bg-white/[0.03]"
     data-type="{{ $entry->type }}"
     data-event="{{ $event }}"
 >
-    <span class="absolute -start-3 top-1.5 flex h-6 w-6 items-center justify-center rounded-full bg-gray-100 text-gray-600 ring-4 ring-white dark:bg-gray-800 dark:text-gray-300 dark:ring-gray-900">
-        <x-filament::icon icon="ri-circle-line" class="h-3.5 w-3.5" />
-    </span>
+    <div class="flex justify-center pt-0.5">
+        <span class="flex h-6 w-6 items-center justify-center rounded-full bg-gray-100 text-gray-600 ring-1 ring-gray-200 dark:bg-white/5 dark:text-gray-300 dark:ring-white/10">
+            <x-filament::icon icon="ri-circle-line" class="h-3.5 w-3.5" />
+        </span>
+    </div>
 
     <div class="min-w-0">
         <p class="text-[13px] leading-5 text-gray-900 dark:text-gray-100">
diff --git a/resources/views/timeline.blade.php b/resources/views/timeline.blade.php
index cbf1c29..4dbfb89 100644
--- a/resources/views/timeline.blade.php
+++ b/resources/views/timeline.blade.php
@@ -28,9 +28,12 @@ class="h-4 w-4 transition-transform"
                         />
                     </button>
                 </header>
-                <ol x-show="open" x-collapse class="relative ms-3 flex flex-col border-s border-gray-200 dark:border-white/10">
-                    @foreach ($groupEntries as $entry)
-                        <li wire:key="timeline-entry-{{ $entry->id }}">
+                <ol x-show="open" x-collapse class="flex flex-col">
+                    @foreach ($groupEntries as $i => $entry)
+                        <li class="relative" wire:key="timeline-entry-{{ $entry->id }}">
+                            @if ($i !== count($groupEntries) - 1)
+                                <span aria-hidden="true" class="absolute left-[22px] top-9 bottom-0 w-px bg-gray-200 dark:bg-white/10"></span>
+                            @endif
                             {!! $registry->resolve($entry)->render($entry) !!}
                         </li>
                     @endforeach
@@ -38,9 +41,12 @@ class="h-4 w-4 transition-transform"
             </section>
         @endforeach
     @else
-        <ol class="relative ms-3 flex flex-col border-s border-gray-200 dark:border-white/10">
-            @foreach ($entries as $entry)
-                <li wire:key="timeline-entry-{{ $entry->id }}">
+        <ol class="flex flex-col">
+            @foreach ($entries as $i => $entry)
+                <li class="relative" wire:key="timeline-entry-{{ $entry->id }}">
+                    @if ($i !== count($entries) - 1)
+                        <span aria-hidden="true" class="absolute left-[22px] top-9 bottom-0 w-px bg-gray-200 dark:bg-white/10"></span>
+                    @endif
                     {!! $registry->resolve($entry)->render($entry) !!}
                 </li>
             @endforeach

From 9d7b6aacb02ffd9910c69a6309b9f170167e5b0a Mon Sep 17 00:00:00 2001
From: AsmitNepali <mail2asmitnepali@gmail.com>
Date: Sat, 13 Jun 2026 01:00:23 +0545
Subject: [PATCH 7/8] Center timeline connector via flex wrapper over icon
 column

---
 resources/views/timeline.blade.php | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/resources/views/timeline.blade.php b/resources/views/timeline.blade.php
index 4dbfb89..be45b3d 100644
--- a/resources/views/timeline.blade.php
+++ b/resources/views/timeline.blade.php
@@ -32,7 +32,9 @@ class="h-4 w-4 transition-transform"
                     @foreach ($groupEntries as $i => $entry)
                         <li class="relative" wire:key="timeline-entry-{{ $entry->id }}">
                             @if ($i !== count($groupEntries) - 1)
-                                <span aria-hidden="true" class="absolute left-[22px] top-9 bottom-0 w-px bg-gray-200 dark:bg-white/10"></span>
+                                <span aria-hidden="true" class="absolute left-2 top-9 bottom-0 flex w-7 justify-center">
+                                    <span class="w-px bg-gray-200 dark:bg-white/10"></span>
+                                </span>
                             @endif
                             {!! $registry->resolve($entry)->render($entry) !!}
                         </li>
@@ -45,7 +47,9 @@ class="h-4 w-4 transition-transform"
             @foreach ($entries as $i => $entry)
                 <li class="relative" wire:key="timeline-entry-{{ $entry->id }}">
                     @if ($i !== count($entries) - 1)
-                        <span aria-hidden="true" class="absolute left-[22px] top-9 bottom-0 w-px bg-gray-200 dark:bg-white/10"></span>
+                        <span aria-hidden="true" class="absolute left-2 top-9 bottom-0 flex w-7 justify-center">
+                            <span class="w-px bg-gray-200 dark:bg-white/10"></span>
+                        </span>
                     @endif
                     {!! $registry->resolve($entry)->render($entry) !!}
                 </li>

From 8a3e2d3190e66e604c15c1e7730790673d5d24e2 Mon Sep 17 00:00:00 2001
From: AsmitNepali <mail2asmitnepali@gmail.com>
Date: Sat, 13 Jun 2026 19:31:04 +0545
Subject: [PATCH 8/8] Even out timeline connector gaps with symmetric line
 overlap

---
 resources/views/timeline.blade.php | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/resources/views/timeline.blade.php b/resources/views/timeline.blade.php
index be45b3d..c07a77f 100644
--- a/resources/views/timeline.blade.php
+++ b/resources/views/timeline.blade.php
@@ -32,7 +32,7 @@ class="h-4 w-4 transition-transform"
                     @foreach ($groupEntries as $i => $entry)
                         <li class="relative" wire:key="timeline-entry-{{ $entry->id }}">
                             @if ($i !== count($groupEntries) - 1)
-                                <span aria-hidden="true" class="absolute left-2 top-9 bottom-0 flex w-7 justify-center">
+                                <span aria-hidden="true" class="absolute left-2 top-9 -bottom-2 flex w-7 justify-center">
                                     <span class="w-px bg-gray-200 dark:bg-white/10"></span>
                                 </span>
                             @endif
@@ -47,7 +47,7 @@ class="h-4 w-4 transition-transform"
             @foreach ($entries as $i => $entry)
                 <li class="relative" wire:key="timeline-entry-{{ $entry->id }}">
                     @if ($i !== count($entries) - 1)
-                        <span aria-hidden="true" class="absolute left-2 top-9 bottom-0 flex w-7 justify-center">
+                        <span aria-hidden="true" class="absolute left-2 top-9 -bottom-2 flex w-7 justify-center">
                             <span class="w-px bg-gray-200 dark:bg-white/10"></span>
                         </span>
                     @endif