[C-1031] Improve profile expand section touch target (#1911)

AudiusProject · Sep 13, 2022 · 5efd985 · 5efd985
1 parent f327636
commit 5efd985
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/packages/mobile/src/screens/profile-screen/ProfileHeader/ExpandHeaderToggleButton.tsx b/packages/mobile/src/screens/profile-screen/ProfileHeader/ExpandHeaderToggleButton.tsx
@@ -2,12 +2,20 @@ import IconCaretDown from 'app/assets/images/iconCaretDown.svg'
 import type { TextButtonProps } from 'app/components/core'
 import { TextButton } from 'app/components/core'
 import { makeStyles } from 'app/styles'
+import { spacing } from 'app/styles/spacing'
 
 const messages = {
   seeMore: 'See More',
   seeLess: 'See Less'
 }
 
+const hitSlop = {
+  left: spacing(8),
+  right: spacing(8),
+  top: spacing(4),
+  bottom: spacing(4)
+}
+
 const useStyles = makeStyles(({ spacing }) => ({
   expandButton: {
     justifyContent: 'center',
@@ -32,6 +40,7 @@ export const ExpandHeaderToggleButton = (
   return (
     <TextButton
       variant='neutralLight4'
+      hitSlop={hitSlop}
       title={isExpanded ? messages.seeLess : messages.seeMore}
       icon={IconCaretDown}
       iconPosition='right'