From da273d6776adc7212057f5857884d58144b89134 Mon Sep 17 00:00:00 2001
From: Fringg <egor.andrianovv@gmail.com>
Date: Sat, 7 Feb 2026 13:11:01 +0300
Subject: [PATCH] fix: widen column resize touch target for mobile devices

Expand invisible touch area from 4px to 20px for comfortable finger
interaction on iPhone. Visual indicator stays thin (4px) inside the
wider hit zone. Use inline touchAction: none to prevent scroll conflict.
---
 src/pages/AdminTrafficUsage.tsx | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/pages/AdminTrafficUsage.tsx b/src/pages/AdminTrafficUsage.tsx
index 32beb08..1fed0d2 100644
--- a/src/pages/AdminTrafficUsage.tsx
+++ b/src/pages/AdminTrafficUsage.tsx
@@ -1500,12 +1500,17 @@ export default function AdminTrafficUsage() {
                             onMouseDown={header.getResizeHandler()}
                             onTouchStart={header.getResizeHandler()}
                             onClick={(e) => e.stopPropagation()}
-                            className={`absolute right-0 top-0 h-full w-1 cursor-col-resize touch-none select-none ${
-                              header.column.getIsResizing()
-                                ? 'bg-accent-500'
-                                : 'bg-transparent hover:bg-dark-500'
-                            }`}
-                          />
+                            className="absolute -right-2 top-0 z-20 h-full w-5 cursor-col-resize select-none"
+                            style={{ touchAction: 'none' }}
+                          >
+                            <div
+                              className={`absolute right-2 top-0 h-full w-1 ${
+                                header.column.getIsResizing()
+                                  ? 'bg-accent-500'
+                                  : 'bg-transparent hover:bg-dark-500'
+                              }`}
+                            />
+                          </div>
                         </th>
                       );
                     })}