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} > { - 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 }} /> ) : 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} > { size={StyleConstants.Font.Size.L} /> } + style={{ paddingHorizontal: StyleConstants.Font.Size.M }} /> ) : null}