From a6a0e4d1dea491489d7b1498a36035658054cbde Mon Sep 17 00:00:00 2001
From: Aksel Skauge Mellbye <27739622+mellbye@users.noreply.github.com>
Date: Sun, 4 Sep 2022 01:37:03 +0200
Subject: [PATCH] Bring recording playlist in front of video.js modals

Ensure that the playlist doesn't get covered by video.js error messages,
preventing interaction.
---
 web/src/components/RecordingPlaylist.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/components/RecordingPlaylist.jsx b/web/src/components/RecordingPlaylist.jsx
index eda3b7164..37bc4b5df 100644
--- a/web/src/components/RecordingPlaylist.jsx
+++ b/web/src/components/RecordingPlaylist.jsx
@@ -41,7 +41,7 @@ export default function RecordingPlaylist({ camera, recordings, selectedDate })
   const openClass = active ? '-left-6' : 'right-0';
 
   return (
-    <div className="flex absolute inset-y-0 right-0 w-9/12 md:w-1/2 lg:w-3/5 max-w-md text-base text-white font-sans">
+    <div className="flex absolute z-10 inset-y-0 right-0 w-9/12 md:w-1/2 lg:w-3/5 max-w-md text-base text-white font-sans">
       <div
         onClick={toggle}
         className={`absolute ${openClass} cursor-pointer items-center self-center rounded-tl-lg rounded-bl-lg border border-r-0 w-6 h-20 py-7 bg-gray-800 bg-opacity-70`}