adjust styling for feeds tab bar on mobile

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}

src/view/com/pager/TabBar.tsx

@@ -125,14 +125,16 @@ const styles = isDesktopWeb
       outer: {
         flex: 1,
         flexDirection: 'row',
+        backgroundColor: 'transparent',
       },
       contentContainer: {
-        gap: 14,
+        columnGap: 14,
-        paddingHorizontal: 18,
+        marginLeft: 14,
+        backgroundColor: 'transparent',
       },
       item: {
         paddingTop: 8,
-        paddingBottom: 12,
+        paddingBottom: 8,
         borderBottomWidth: 3,
         borderBottomColor: 'transparent',
       },

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'>