Make menu link targets as large as possible :) Done #4816 0:05

diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index 0c84480aea149c8780b2f77e5475b46e7802ce86..721b3930a84945be323ffb540e9c212ef2f51701 100644 (file)
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -99,8 +99,7 @@
                 {{-- Extra padding and negative margin added so hover scale effect isn't clipped --}}
                 <li class="overflow-hidden pl-4 -ml-4">
                     <div x-show="menuOpen"
-                         class="py-8
-                                transition transform ease-out-quint"
+                         class="transition transform ease-out-quint"
                          style="transition-delay: {{ 250 + (50 * $loop->index) }}ms"
                          x-transition:enter="duration-1000"
                          x-transition:enter-start="translate-y-[100px]"
@@ -111,7 +110,7 @@
                         <x-link
                             href="{{ $link }}"
                             @click.prevent="menuOpen = false; setTimeout(() => window.location = $event.target.href, 200);"
-                            class="inline-block text-current
+                            class="block py-8 text-current
                                    transform origin-bottom-left
                                    transition-transform duration-200
                                    hover:scale-105">