Adjust spacing for category navigation dots on mobile

Update the margin-bottom for the mobile navigation dots in the `netflix-grid.tsx` component to `mb-4` from `mb-2`.

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
This commit is contained in:
sebastjanartic 2025-09-04 12:39:49 +00:00
parent 86fca3e2a1
commit abfd226333

View File

@ -455,7 +455,7 @@ function CategoryRow({ category, onVideoClick, hideScrollButtons = false }: Cate
</div>
{/* Mobile navigation dots - only visible on mobile, under all video rows */}
<div className="md:hidden flex justify-center mt-2 mb-2 gap-1 py-1">
<div className="md:hidden flex justify-center mt-2 mb-4 gap-1 py-1">
{Array.from({ length: Math.min(10, category.videos.length) }, (_, index) => (
<button
key={`dot-${category.title}-${index}`}