From 12dba00d4b664d15c1639b3c54e3397dbbccc0d1 Mon Sep 17 00:00:00 2001
From: Michael Aerni <hello@michaelaerni.ch>
Date: Wed, 8 May 2024 16:27:02 -0400
Subject: [PATCH] Navigation styling

---
 .../views/default/layouts/navigation.blade.php  | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/resources/views/default/layouts/navigation.blade.php b/resources/views/default/layouts/navigation.blade.php
index f3024fd4..4f58fd90 100644
--- a/resources/views/default/layouts/navigation.blade.php
+++ b/resources/views/default/layouts/navigation.blade.php
@@ -3,17 +3,18 @@
         <li
             x-show="showStep('{{ $step->handle() }}')"
             wire:key="{{ $step->id() }}"
-            class="whitespace-nowrap flex items-center gap-x-3
-                @if($step->hasErrors())
-                    text-red-600
-                @else
-                    {{ $step->isCurrent() ? 'text-indigo-600' : 'text-gray-400' }}
-                @endif
-            "
+            class="flex items-center whitespace-nowrap gap-x-3"
         >
             <button
                 type="button"
-                class="flex items-center"
+                class="
+                    inline-flex transition-all focus:outline-none focus:rounded focus:ring-2 focus:ring-indigo-500
+                    @if($step->hasErrors())
+                        text-red-600
+                    @else
+                        {{ $step->isCurrent() ? 'text-indigo-600' : 'text-gray-400 hover:text-indigo-400' }}
+                    @endif
+                "
                 @if($this->canNavigateToStep($step->number()))
                     wire:click="{{ $step->show() }}"
                 @else