From 73e5ec5046c25ef4ef25ddd25ecc0fca82d4126f Mon Sep 17 00:00:00 2001
From: kuekhaoyang <kuekhaoyang@Gmail.com>
Date: Mon, 29 Dec 2025 12:53:11 +0800
Subject: [PATCH] feat: Refine player control button sizes and update play
 button styling.

---
 components/player/desktop/DesktopOverlay.tsx | 12 ++++++------
 package-lock.json                            |  4 ++--
 package.json                                 |  2 +-
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/components/player/desktop/DesktopOverlay.tsx b/components/player/desktop/DesktopOverlay.tsx
index 4015098..ab7a547 100644
--- a/components/player/desktop/DesktopOverlay.tsx
+++ b/components/player/desktop/DesktopOverlay.tsx
@@ -136,10 +136,10 @@ export function DesktopOverlay({
                         e.stopPropagation();
                         onSkipBackward();
                     }}
-                    className="group flex items-center justify-center w-12 h-12 md:w-16 md:h-16 rounded-full bg-black/40 hover:bg-black/60 backdrop-blur-sm transition-all duration-300 hover:scale-110 active:scale-95"
+                    className="group flex items-center justify-center w-10 h-10 md:w-16 md:h-16 rounded-full bg-black/40 hover:bg-black/60 backdrop-blur-sm transition-all duration-300 hover:scale-110 active:scale-95"
                     aria-label="Skip Backward 10s"
                 >
-                    <Icons.SkipBack className="w-6 h-6 md:w-8 md:h-8 text-white/80 group-hover:text-white" />
+                    <Icons.SkipBack className="w-5 h-5 md:w-8 md:h-8 text-white/80 group-hover:text-white" />
                 </button>
             </div>
 
@@ -154,10 +154,10 @@ export function DesktopOverlay({
                         e.stopPropagation();
                         onSkipForward();
                     }}
-                    className="group flex items-center justify-center w-12 h-12 md:w-16 md:h-16 rounded-full bg-black/40 hover:bg-black/60 backdrop-blur-sm transition-all duration-300 hover:scale-110 active:scale-95"
+                    className="group flex items-center justify-center w-10 h-10 md:w-16 md:h-16 rounded-full bg-black/40 hover:bg-black/60 backdrop-blur-sm transition-all duration-300 hover:scale-110 active:scale-95"
                     aria-label="Skip Forward 10s"
                 >
-                    <Icons.FastForward className="w-6 h-6 md:w-8 md:h-8 text-white/80 group-hover:text-white" />
+                    <Icons.FastForward className="w-5 h-5 md:w-8 md:h-8 text-white/80 group-hover:text-white" />
                 </button>
             </div>
 
@@ -166,10 +166,10 @@ export function DesktopOverlay({
                 <div className="absolute inset-0 flex items-center justify-center pointer-events-none z-10">
                     <button
                         onClick={onTogglePlay}
-                        className="pointer-events-auto w-16 h-16 md:w-20 md:h-20 rounded-full bg-[var(--glass-bg)] backdrop-blur-[25px] saturate-[180%] border border-[var(--glass-border)] flex items-center justify-center transition-all duration-300 hover:scale-110 hover:bg-[var(--accent-color)] shadow-[var(--shadow-md)] will-change-transform cursor-pointer"
+                        className="pointer-events-auto w-12 h-12 md:w-20 md:h-20 rounded-full bg-black/40 hover:bg-black/60 backdrop-blur-sm flex items-center justify-center transition-all duration-300 hover:scale-110 active:scale-95 cursor-pointer"
                         aria-label="Play"
                     >
-                        <Icons.Play className="w-8 h-8 md:w-10 md:h-10 text-white ml-1" />
+                        <Icons.Play className="w-6 h-6 md:w-10 md:h-10 text-white ml-1" />
                     </button>
                 </div>
             )}
diff --git a/package-lock.json b/package-lock.json
index dd52b60..7d8ff90 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "kvideo",
-  "version": "3.8.4",
+  "version": "3.8.5",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "kvideo",
-      "version": "3.8.4",
+      "version": "3.8.5",
       "dependencies": {
         "@dnd-kit/core": "^6.3.1",
         "@dnd-kit/sortable": "^10.0.0",
diff --git a/package.json b/package.json
index 0736da2..c78b1cd 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "kvideo",
-  "version": "3.8.4",
+  "version": "3.8.5",
   "private": true,
   "scripts": {
     "dev": "next dev",