Improve visual layout by adjusting spacing and adding a top padding to the first category row

Adjusted main content padding on the home page from `pt-4` to `pt-0` and added `pt-4` conditionally to the first category row in `NetflixGrid` to refine vertical spacing. Replit-Commit-Author: Agent Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14 Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/iazasnP
2025-08-30 13:43:36 +00:00
parent 3ab93a0cb3
commit 38f4f887f3
2 changed files with 7 additions and 6 deletions
@@ -107,11 +107,12 @@ export default function NetflixGrid({ videos, isLoading }: NetflixGridProps) {
    <>
      <div>
        {categories.map((category, categoryIndex) => (
-          <CategoryRow
-            key={categoryIndex}
-            category={category}
-            onVideoClick={handleVideoClick}
-          />
+          <div key={categoryIndex} className={categoryIndex === 0 ? "pt-4" : ""}>
+            <CategoryRow
+              category={category}
+              onVideoClick={handleVideoClick}
+            />
+          </div>
        ))}
      </div>