From 655ddbeb42fb51b309b7afa5d25a5f943f9e1a98 Mon Sep 17 00:00:00 2001
From: tapframe <nayifveliya99@gmail.com>
Date: Sun, 16 Nov 2025 16:53:54 +0530
Subject: [PATCH] changes

---
 src/components/player/controls/PlayerControls.tsx |  5 +++--
 src/components/player/utils/playerStyles.ts       | 10 ++++++----
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/components/player/controls/PlayerControls.tsx b/src/components/player/controls/PlayerControls.tsx
index cb1f8c6..0fd3107 100644
--- a/src/components/player/controls/PlayerControls.tsx
+++ b/src/components/player/controls/PlayerControls.tsx
@@ -527,10 +527,11 @@ export const PlayerControls: React.FC<PlayerControlsProps> = ({
         <LinearGradient
           colors={['transparent', 'rgba(0,0,0,0.7)']}
           style={styles.bottomGradient}
+          pointerEvents="box-none"
         >
-          <View style={styles.bottomControls}>
+          <View style={styles.bottomControls} pointerEvents="box-none">
             {/* Center Buttons Container with rounded background - wraps all buttons */}
-            <View style={styles.centerControlsContainer}>
+            <View style={styles.centerControlsContainer} pointerEvents="box-none">
               {/* Left Side: Aspect Ratio Button */}
               <TouchableOpacity style={styles.iconButton} onPress={cycleAspectRatio}>
                 <Ionicons name="expand-outline" size={24} color="white" />
diff --git a/src/components/player/utils/playerStyles.ts b/src/components/player/utils/playerStyles.ts
index 0b71838..a8e974c 100644
--- a/src/components/player/utils/playerStyles.ts
+++ b/src/components/player/utils/playerStyles.ts
@@ -333,17 +333,19 @@ export const styles = StyleSheet.create({
     paddingVertical: 8,
   },
   iconButton: {
-    padding: 8,
+    padding: 12,
     alignItems: 'center',
     justifyContent: 'center',
+    minWidth: 44,
+    minHeight: 44,
   },
   centerControlsContainer: {
     flexDirection: 'row',
     alignItems: 'center',
     justifyContent: 'center',
-    gap: 4,
-    paddingHorizontal: 8,
-    paddingVertical: 4,
+    gap: 2,
+    paddingHorizontal: 4,
+    paddingVertical: 2,
     marginTop: 12,
     backgroundColor: 'rgba(0, 0, 0, 0.5)',
     borderRadius: 24,