From 4f7cdd8a7e1a5cee38b4772d92ad97612bc08dea Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Mon, 1 Sep 2025 16:10:46 +0000
Subject: [PATCH] Improve video card display for better user interaction and
 visual appeal

Enhance .video-card styling with a scale effect, z-index, and relative positioning on hover for improved visual feedback and layering.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/fyyFszO
---
 client/src/index.css | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/client/src/index.css b/client/src/index.css
index d5fed7f..3f7b881 100644
--- a/client/src/index.css
+++ b/client/src/index.css
@@ -226,8 +226,10 @@ input[data-testid*="search"]::placeholder {
 
 /* Video card hover effects with gradients */
 .video-card:hover {
-  transform: translateY(-2px);
+  transform: translateY(-2px) scale(1.05);
   transition: all 0.3s ease;
+  z-index: 1000;
+  position: relative;
 }
 
 .video-card {