From c4193352bbc094fc6209c3152dc0c38d0157c1d9 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Tue, 2 Sep 2025 16:19:29 +0000
Subject: [PATCH] Improve visual spacing and scrolling behavior in video grids

Adjusted vertical spacing in NetflixGrid and CategoryRow components and reduced padding in the scrollable video row for better visual presentation and user experience.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/4DOsXkx
---
 client/src/components/netflix-grid.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/client/src/components/netflix-grid.tsx b/client/src/components/netflix-grid.tsx
index 78698d5..d4907da 100644
--- a/client/src/components/netflix-grid.tsx
+++ b/client/src/components/netflix-grid.tsx
@@ -145,9 +145,9 @@ export default function NetflixGrid({ videos, isLoading }: NetflixGridProps) {
 
   return (
     <>
-      <div className="space-y-4">
+      <div className="space-y-2">
         {categories.map((category, categoryIndex) => (
-          <div key={categoryIndex} className={`${categoryIndex === 0 ? 'mt-2 mb-3' : 'mb-3'}`}>
+          <div key={categoryIndex} className={`${categoryIndex === 0 ? 'mt-1 mb-1' : 'mb-1'}`}>
             <CategoryRow
               category={category}
               onVideoClick={handleVideoClick}
@@ -285,7 +285,7 @@ function CategoryRow({ category, onVideoClick, hideScrollButtons = false }: Cate
         {/* Scrollable video row - in container */}
         <div
           ref={scrollRef}
-          className="flex gap-3 overflow-x-auto scrollbar-hide py-4 px-2"
+          className="flex gap-3 overflow-x-auto scrollbar-hide py-2 px-2"
           style={{ scrollbarWidth: 'none', msOverflowStyle: 'none' }}
           onScroll={handleScroll}
         >