Merge pull request #27 from relaticle/center-axis-divider

Center timeline connector line on entry icons

Author: AsmitNepali

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-2 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-2 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>