diff --git a/attached_assets/image_1756484512243.png b/attached_assets/image_1756484512243.png new file mode 100644 index 0000000..e18d294 Binary files /dev/null and b/attached_assets/image_1756484512243.png differ diff --git a/client/src/components/netflix-grid.tsx b/client/src/components/netflix-grid.tsx index 9501e37..d0e1454 100644 --- a/client/src/components/netflix-grid.tsx +++ b/client/src/components/netflix-grid.tsx @@ -251,7 +251,7 @@ function CategoryRow({ category, onVideoClick }: CategoryRowProps) { e.stopPropagation(); stopAutoScroll(); }} - className="flex absolute left-2 top-[45%] -translate-y-1/2 w-12 h-12 z-30 bg-black/80 hover:bg-black/95 rounded-full items-center justify-center transition-all duration-300 cursor-pointer border border-white/30 shadow-lg opacity-0 group-hover:opacity-100 hover:!opacity-100" + className="flex absolute left-2 top-[45%] -translate-y-1/2 w-12 h-12 z-30 bg-black/80 hover:bg-black/95 rounded-full items-center justify-center transition-all duration-300 cursor-pointer border border-white/30 shadow-lg opacity-80 hover:!opacity-100" data-testid="button-scroll-left" > @@ -277,7 +277,7 @@ function CategoryRow({ category, onVideoClick }: CategoryRowProps) { e.stopPropagation(); stopAutoScroll(); }} - className="flex absolute right-2 top-[45%] -translate-y-1/2 w-12 h-12 z-30 bg-black/80 hover:bg-black/95 rounded-full items-center justify-center transition-all duration-300 cursor-pointer border border-white/30 shadow-lg opacity-0 group-hover:opacity-100 hover:!opacity-100" + className="flex absolute right-2 top-[45%] -translate-y-1/2 w-12 h-12 z-30 bg-black/80 hover:bg-black/95 rounded-full items-center justify-center transition-all duration-300 cursor-pointer border border-white/30 shadow-lg opacity-80 hover:!opacity-100" data-testid="button-scroll-right" >