From 3d58baf1563e377c30197beb3a5a9c5431c72fcf Mon Sep 17 00:00:00 2001
From: myrmidex <myrmidex@myrmidex.net>
Date: Wed, 18 Mar 2026 20:58:35 +0100
Subject: [PATCH] 102 - Fix route modals hidden behind overlay

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

diff --git a/resources/views/livewire/routes.blade.php b/resources/views/livewire/routes.blade.php
index 5ab5cc2..c37280b 100644
--- a/resources/views/livewire/routes.blade.php
+++ b/resources/views/livewire/routes.blade.php
@@ -156,7 +156,7 @@ class="inline-flex items-center px-4 py-2 border border-transparent text-sm font
 
                 <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">&#8203;</span>
 
-                <div class="inline-block align-bottom bg-white rounded-lg px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full sm:p-6">
+                <div class="relative z-10 inline-block align-bottom bg-white rounded-lg px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full sm:p-6">
                     <h3 class="text-lg font-medium text-gray-900 mb-4">Create New Route</h3>
                     <form wire:submit="createRoute" class="space-y-4">
                         <div>
@@ -238,7 +238,7 @@ class="px-4 py-2 text-sm font-medium text-white bg-blue-600 border border-transp
 
                 <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">&#8203;</span>
 
-                <div class="inline-block align-bottom bg-white rounded-lg px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full sm:p-6">
+                <div class="relative z-10 inline-block align-bottom bg-white rounded-lg px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full sm:p-6">
                     <div class="flex items-center justify-between mb-4">
                         <h3 class="text-lg font-medium text-gray-900">Edit Route</h3>
                         <button wire:click="closeEditModal" class="text-gray-400 hover:text-gray-600">