From 508f3286bc87ccdfff8b5a3a2770874d3467503d Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Thu, 4 Sep 2025 12:42:09 +0000
Subject: [PATCH] Adjust spacing between video content categories

Update vertical spacing in the NetflixGrid component to reduce spacing between categories from 8 units to 4 units and adjust margin-bottom for category rows.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 946a0075-7e32-454b-b348-9e7f576d7f45
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/60d372ff-2c10-46c7-b01b-10c3435136b0/946a0075-7e32-454b-b348-9e7f576d7f45/JlONw6J
---
 client/src/components/netflix-grid.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/src/components/netflix-grid.tsx b/client/src/components/netflix-grid.tsx
index 87528ab..9ec49be 100644
--- a/client/src/components/netflix-grid.tsx
+++ b/client/src/components/netflix-grid.tsx
@@ -176,9 +176,9 @@ export default function NetflixGrid({ videos, isLoading }: NetflixGridProps) {
 
   return (
     <>
-      <div className="space-y-8">
+      <div className="space-y-4">
         {categories.map((category, categoryIndex) => (
-          <div key={categoryIndex} className={`${categoryIndex === 0 ? 'mt-2 mb-6' : 'mb-6'}`}>
+          <div key={categoryIndex} className={`${categoryIndex === 0 ? 'mt-2 mb-4' : 'mb-4'}`}>
             <CategoryRow
               category={category}
               onVideoClick={handleVideoClick}