From df6c68aa46386a6994cedddd1f3d64917d7e01e3 Mon Sep 17 00:00:00 2001
From: Brock H Caldwell <brock@caldwellnetworks.com>
Date: Wed, 11 Jun 2025 12:46:03 -0500
Subject: [PATCH] fix: alert z-index, hover effects on download list row

---
 templates/components/Alert.html.twig           | 2 +-
 templates/components/DownloadListRow.html.twig | 2 +-
 templates/components/Header.html.twig          | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/templates/components/Alert.html.twig b/templates/components/Alert.html.twig
index 488a7f4..8236cbf 100644
--- a/templates/components/Alert.html.twig
+++ b/templates/components/Alert.html.twig
@@ -1,7 +1,7 @@
 <li {{ attributes }} id="alert_{{ alert_id }}" class="
   text-white bg-green-950  text-sm min-w-[250px]
   hover:bg-green-900 border border-green-500 px-4 py-3
-  rounded-md z-40"
+  rounded-md"
   role="alert"
 >
     <div class="flex items-center">
diff --git a/templates/components/DownloadListRow.html.twig b/templates/components/DownloadListRow.html.twig
index 3994b4e..2f21e1b 100644
--- a/templates/components/DownloadListRow.html.twig
+++ b/templates/components/DownloadListRow.html.twig
@@ -1,4 +1,4 @@
-<tr{{ attributes }} id="ad_download_{{ download.id }}">
+<tr{{ attributes }} class="hover:bg-gray-200" id="ad_download_{{ download.id }}">
     <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-800 dark:text-stone-800 truncate">
         <a href="{{ path('app_search_result', {imdbId: download.imdbId, mediaType: download.mediaType}) }}"
            class="mr-1 hover:underline rounded-md"
diff --git a/templates/components/Header.html.twig b/templates/components/Header.html.twig
index 48e98af..5e4da24 100644
--- a/templates/components/Header.html.twig
+++ b/templates/components/Header.html.twig
@@ -16,8 +16,8 @@
             </div>
         </div>
     </div>
-    <div {{ turbo_stream_listen(app.session.get('mercure_alert_topic')) }} class="absolute top-10 right-10">
-        <div >
+    <div {{ turbo_stream_listen(app.session.get('mercure_alert_topic')) }} class="fixed z-40 top-10 right-10">
+        <div class="z-40">
             <ul id="alert_list">
             </ul>
         </div>