From db63442360dfea8da18bec1390fa44f6abdb4310 Mon Sep 17 00:00:00 2001
From: Ansh Nanda <anshnanda10@gmail.com>
Date: Thu, 25 May 2023 12:54:31 -0700
Subject: adjust styling for feeds tab bar on mobile

---
 src/view/com/pager/FeedsTabBarMobile.tsx | 6 +++++-
 src/view/com/pager/TabBar.tsx            | 8 +++++---
 src/view/screens/Home.tsx                | 2 +-
 3 files changed, 11 insertions(+), 5 deletions(-)

(limited to 'src')

diff --git a/src/view/com/pager/FeedsTabBarMobile.tsx b/src/view/com/pager/FeedsTabBarMobile.tsx
index b99efcfed..2c26561ad 100644
--- a/src/view/com/pager/FeedsTabBarMobile.tsx
+++ b/src/view/com/pager/FeedsTabBarMobile.tsx
@@ -54,7 +54,11 @@ export const FeedsTabBar = observer(
             </TouchableOpacity>
           </View>
           <View style={[pal.view]}>
-            <Link href="/settings/saved-feeds">
+            <Link
+              href="/settings/saved-feeds"
+              accessibilityRole="button"
+              accessibilityLabel="Edit Saved Feeds"
+              accessibilityHint="Opens screen to edit Saved Feeds">
               <FontAwesomeIcon
                 icon="satellite-dish"
                 size={24}
diff --git a/src/view/com/pager/TabBar.tsx b/src/view/com/pager/TabBar.tsx
index caca9f926..fb656241f 100644
--- a/src/view/com/pager/TabBar.tsx
+++ b/src/view/com/pager/TabBar.tsx
@@ -125,14 +125,16 @@ const styles = isDesktopWeb
       outer: {
         flex: 1,
         flexDirection: 'row',
+        backgroundColor: 'transparent',
       },
       contentContainer: {
-        gap: 14,
-        paddingHorizontal: 18,
+        columnGap: 14,
+        marginLeft: 14,
+        backgroundColor: 'transparent',
       },
       item: {
         paddingTop: 8,
-        paddingBottom: 12,
+        paddingBottom: 8,
         borderBottomWidth: 3,
         borderBottomColor: 'transparent',
       },
diff --git a/src/view/screens/Home.tsx b/src/view/screens/Home.tsx
index 2aade5e1a..3d4430415 100644
--- a/src/view/screens/Home.tsx
+++ b/src/view/screens/Home.tsx
@@ -23,7 +23,7 @@ import {useAnalytics} from 'lib/analytics'
 import {ComposeIcon2} from 'lib/icons'
 import {isDesktopWeb} from 'platform/detection'
 
-const HEADER_OFFSET = isDesktopWeb ? 50 : 74
+const HEADER_OFFSET = isDesktopWeb ? 50 : 64
 const POLL_FREQ = 30e3 // 30sec
 
 type Props = NativeStackScreenProps<HomeTabNavigatorParams, 'Home'>
-- 
cgit 1.4.1