From 2c1f1a66beffe3c6d8f9d5e87ecbb387de7301e0 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Sat, 30 Aug 2025 23:28:42 +0000
Subject: [PATCH] Improve touch controls for video scaling on mobile devices

Adjust touch overlay positioning on the VideoPage component to prevent interference with bottom video controls, allowing for proper scaling actions on mobile.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/zJYuV6w
---
 client/src/pages/VideoPage.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/client/src/pages/VideoPage.tsx b/client/src/pages/VideoPage.tsx
index e66766c..6628211 100644
--- a/client/src/pages/VideoPage.tsx
+++ b/client/src/pages/VideoPage.tsx
@@ -441,9 +441,9 @@ export default function VideoPage() {
                   </Button>
                 </>
               )}
-              {/* Touch overlay for mobile swipe detection - positioned on edges only */}
+              {/* Touch overlay for mobile swipe detection - positioned on edges only, avoiding bottom controls */}
               <div 
-                className="absolute left-0 top-0 w-16 h-full z-10 md:hidden"
+                className="absolute left-0 top-0 w-16 h-3/4 z-10 md:hidden"
                 onTouchStart={handleTouchStart}
                 onTouchMove={handleTouchMove}
                 onTouchEnd={handleTouchEnd}
@@ -453,7 +453,7 @@ export default function VideoPage() {
                 }}
               />
               <div 
-                className="absolute right-0 top-0 w-16 h-full z-10 md:hidden"
+                className="absolute right-0 top-0 w-16 h-3/4 z-10 md:hidden"
                 onTouchStart={handleTouchStart}
                 onTouchMove={handleTouchMove}
                 onTouchEnd={handleTouchEnd}