diff --git a/src/earn/poolInfoScreen/EarnPoolInfoScreen.tsx b/src/earn/poolInfoScreen/EarnPoolInfoScreen.tsx index d7a0343b91c..1277f5e92dd 100644 --- a/src/earn/poolInfoScreen/EarnPoolInfoScreen.tsx +++ b/src/earn/poolInfoScreen/EarnPoolInfoScreen.tsx @@ -77,8 +77,13 @@ function TitleSection({ }) { return ( - - {title} + + {/* View wrapper is needed to prevent TokenIcons from taking up the whole line */} + + + + {title} + @@ -212,7 +217,6 @@ export default function EarnPoolInfoScreen({ route, navigation }: Props) { }, [allPositionsWithBalance]) const onPressWithdraw = () => { - // TODO(tomm): once act-1385 is merge use the bottom sheet button presses AppAnalytics.track(EarnEvents.earn_pool_info_tap_withdraw, { poolId: positionId, providerId: appId, @@ -266,8 +270,9 @@ export default function EarnPoolInfoScreen({ route, navigation }: Props) { navigation, title: , scrollPosition, - startFadeInPosition: titleHeight - titleHeight * 0.33, - animationDistance: titleHeight * 0.33, + // Numbers selected through trial and error + startFadeInPosition: titleHeight * 0.1, + animationDistance: titleHeight * 0.66, }) return ( @@ -522,7 +527,7 @@ const styles = StyleSheet.create({ flex: 1, }, scrollContainer: { - padding: Spacing.Thick24, + paddingHorizontal: Spacing.Thick24, ...(Platform.OS === 'android' && { minHeight: variables.height, }), @@ -542,6 +547,12 @@ const styles = StyleSheet.create({ titleContainer: { gap: Spacing.Smallest8, }, + titleTokenContainer: { + flex: 1, + flexDirection: 'row', + alignItems: 'flex-start', + gap: Spacing.Smallest8, + }, subtitleContainer: { flex: 1, flexDirection: 'row',