From b847917969a2b86388ca88a84d6c8616bc40aeaf Mon Sep 17 00:00:00 2001
From: Paul Frazee <pfrazee@gmail.com>
Date: Tue, 29 Aug 2023 23:02:37 -0700
Subject: [PATCH] Tweaks to mobile onboard

---
 src/view/com/auth/onboarding/RecommendedFeeds.tsx | 9 +++++----
 src/view/com/util/ViewHeader.tsx                  | 4 ++--
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/view/com/auth/onboarding/RecommendedFeeds.tsx b/src/view/com/auth/onboarding/RecommendedFeeds.tsx
index f6b40b88..4a320016 100644
--- a/src/view/com/auth/onboarding/RecommendedFeeds.tsx
+++ b/src/view/com/auth/onboarding/RecommendedFeeds.tsx
@@ -19,9 +19,9 @@ export const RecommendedFeeds = observer(({next}: Props) => {
 
   return (
     <View style={[styles.container]} testID="recommendedFeedsScreen">
-      <ViewHeader title="Recommended Feeds" canGoBack={true} />
+      <ViewHeader title="Recommended Feeds" showBackButton={false} />
       <Text type="lg-medium" style={[pal.text, styles.header]}>
-        Check out some recommended feeds. Click + to add them to your list of
+        Check out some recommended feeds. Tap + to add them to your list of
         pinned feeds.
       </Text>
 
@@ -72,14 +72,15 @@ const Item = ({item}: {item: ItemProps}) => {
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    marginHorizontal: 16,
     justifyContent: 'space-between',
   },
   header: {
     marginBottom: 16,
+    marginHorizontal: 16,
   },
   button: {
-    marginBottom: 48,
+    marginBottom: 24,
+    marginHorizontal: 16,
     marginTop: 16,
   },
   buttonText: {
diff --git a/src/view/com/util/ViewHeader.tsx b/src/view/com/util/ViewHeader.tsx
index 47e63107..7482db8e 100644
--- a/src/view/com/util/ViewHeader.tsx
+++ b/src/view/com/util/ViewHeader.tsx
@@ -100,9 +100,9 @@ export const ViewHeader = observer(function ({
         </View>
         {renderButton ? (
           renderButton()
-        ) : (
+        ) : showBackButton ? (
           <View style={canGoBack ? styles.backBtn : styles.backBtnWide} />
-        )}
+        ) : null}
       </Container>
     )
   }