From 27c4ea6b70e18273c70854bc52bf40233d62886e Mon Sep 17 00:00:00 2001
From: Md Saif Ullah <90335282+theskrypter@users.noreply.github.com>
Date: Wed, 3 Apr 2024 23:07:48 +0600
Subject: [PATCH] fix(common): fix hover behavior in trending plays

Add 'position: relative' to .play-card-container class.

Previously, hovering over the Trending Plays cards didn't
activate the on-hover action until the cursor passed the
middle of the box. This was due to the positioning of the
.play-card-container class. This commit adds 'position: relative'
to the .play-card-container class, ensuring immediate
activation of the on-hover action anywhere inside the box
in the Trending Plays cards.

Issue: #1480
---
 src/common/playlists/playlist.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/common/playlists/playlist.css b/src/common/playlists/playlist.css
index 8210460c53..4c0f8e1e48 100644
--- a/src/common/playlists/playlist.css
+++ b/src/common/playlists/playlist.css
@@ -827,6 +827,7 @@
 }
 
 .play-card-container {
+  position: relative;
   display: flex;
   flex-direction: column;
   border: 2px solid #757575;