From 1a1ef365a14ced3b449ae6cf2e4e37f7c1420b81 Mon Sep 17 00:00:00 2001
From: Drikus Roor <drikusroor@gmail.com>
Date: Thu, 10 Oct 2024 12:24:58 +0200
Subject: [PATCH] feat: Add z-index to drink breakdown list for improved
 visibility on hover

---
 src/drinks/templates/statistics.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/drinks/templates/statistics.html b/src/drinks/templates/statistics.html
index 58f4bda..23daebd 100644
--- a/src/drinks/templates/statistics.html
+++ b/src/drinks/templates/statistics.html
@@ -27,10 +27,10 @@ <h2 class="text-xl font-semibold mb-4">Drinks per User</h2>
                                 <span>{% user_display_name item %}</span>
                                 <span class="font-bold">{{ item.total_drinks }}</span>
 
-                                <ul class="space-y-1 absolute right-1 p-2 bg-blue-700 text-white rounded-lg drop-shadow hidden group-hover:block">
+                                <ul class="space-y-1 absolute z-10 right-1 p-2 bg-blue-700 text-white rounded-lg drop-shadow hidden group-hover:block">
                                     <li class="font-semibold">Drinks Breakdown</li>
                                     {% for drink in item.drink_breakdown %}
-                                    <li class="flex items-center gap-2 z-10">
+                                    <li class="flex items-center gap-2">
                                         {% if drink.image %}
                                             {% image drink.image fill-32x32-c100 alt=drink.name class="rounded-full" %}
                                         {% else %}