From 6e0a3e26fe7ab160ee4435d6a03bd457ff19f9fe Mon Sep 17 00:00:00 2001
From: kuekhaoyang <kuekhaoyang@Gmail.com>
Date: Mon, 17 Nov 2025 22:34:24 +0800
Subject: [PATCH] style: Adjust padding for progress bar and controls bar in
 CustomVideoPlayer for improved layout

---
 components/player/CustomVideoPlayer.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/player/CustomVideoPlayer.tsx b/components/player/CustomVideoPlayer.tsx
index 35ff530..318cff0 100644
--- a/components/player/CustomVideoPlayer.tsx
+++ b/components/player/CustomVideoPlayer.tsx
@@ -610,7 +610,7 @@ export function CustomVideoPlayer({
         style={{ pointerEvents: showControls ? 'auto' : 'none' }}
       >
         {/* Progress Bar */}
-        <div className="px-4 pb-2">
+        <div className="px-4 pb-1">
           <div 
             ref={progressBarRef}
             className="slider-track cursor-pointer"
@@ -630,7 +630,7 @@ export function CustomVideoPlayer({
         </div>
 
         {/* Controls Bar */}
-        <div className="bg-gradient-to-t from-black/90 via-black/70 to-transparent px-4 pb-4 pt-6">
+        <div className="bg-gradient-to-t from-black/90 via-black/70 to-transparent px-4 pb-4 pt-2">
           <div className="flex items-center justify-between gap-4">
             {/* Left Controls */}
             <div className="flex items-center gap-3">