From: Stephen Cameron <stephen@cubedesigners.com>
Date: Mon, 20 Dec 2021 17:08:29 +0000 (+0100)
Subject: Make menu link targets as large as possible :) Done #4816 0:05
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=42e89566ced3817f0a71ada3adee52759497624d;p=odl.git

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 0c84480..721b393 100644
--- 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">