From 28028c8aab9649877fcaa07495240868d59fe479 Mon Sep 17 00:00:00 2001
From: xmflsct <me@xmflsct.com>
Date: Sat, 5 Nov 2022 23:42:59 +0100
Subject: [PATCH] Fixed #408

Potentially because of too small pressable area
---
 .../Timeline/Shared/HeaderDefault.android.tsx          | 10 +++-------
 src/components/Timeline/Shared/HeaderDefault.ios.tsx   |  2 ++
 2 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/src/components/Timeline/Shared/HeaderDefault.android.tsx b/src/components/Timeline/Shared/HeaderDefault.android.tsx
index 372c71f8..9986b9a5 100644
--- a/src/components/Timeline/Shared/HeaderDefault.android.tsx
+++ b/src/components/Timeline/Shared/HeaderDefault.android.tsx
@@ -87,17 +87,13 @@ const TimelineHeaderDefault = ({ queryKey, status, highlighted }: Props) => {
             justifyContent: 'center',
             marginBottom: StyleConstants.Spacing.L
           }}
+          hitSlop={StyleConstants.Font.Size.M}
         >
           <ContextMenu
             dropdownMenuMode
             actions={actions}
             onPress={({ nativeEvent: { index } }) => {
-              for (const on of [
-                shareOnPress,
-                statusOnPress,
-                accountOnPress,
-                instanceOnPress
-              ]) {
+              for (const on of [shareOnPress, statusOnPress, accountOnPress, instanceOnPress]) {
                 on && on(index)
               }
             }}
@@ -108,7 +104,7 @@ const TimelineHeaderDefault = ({ queryKey, status, highlighted }: Props) => {
                 size={StyleConstants.Font.Size.L}
               />
             }
-            style={{ width: '100%', height: '100%' }}
+            style={{ width: '100%', height: '100%', paddingHorizontal: StyleConstants.Font.Size.M }}
           />
         </Pressable>
       ) : null}
diff --git a/src/components/Timeline/Shared/HeaderDefault.ios.tsx b/src/components/Timeline/Shared/HeaderDefault.ios.tsx
index 80a1c1bb..f4694f10 100644
--- a/src/components/Timeline/Shared/HeaderDefault.ios.tsx
+++ b/src/components/Timeline/Shared/HeaderDefault.ios.tsx
@@ -57,6 +57,7 @@ const TimelineHeaderDefault = ({ queryKey, status, highlighted }: Props) => {
             justifyContent: 'center',
             marginBottom: StyleConstants.Spacing.L
           }}
+          hitSlop={StyleConstants.Font.Size.M}
         >
           <ContextMenu
             dropdownMenuMode
@@ -69,6 +70,7 @@ const TimelineHeaderDefault = ({ queryKey, status, highlighted }: Props) => {
                 size={StyleConstants.Font.Size.L}
               />
             }
+            style={{ paddingHorizontal: StyleConstants.Font.Size.M }}
           />
         </Pressable>
       ) : null}