Fixes & updates for mobile web

src/view/com/pager/TabBar.tsx

@@ -10,7 +10,7 @@ import {StyleSheet, View, ScrollView} from 'react-native'
 import {Text} from '../util/text/Text'
 import {PressableWithHover} from '../util/PressableWithHover'
 import {usePalette} from 'lib/hooks/usePalette'
-import {isDesktopWeb} from 'platform/detection'
+import {isDesktopWeb, isMobileWeb} from 'platform/detection'
 import {DraggableScrollView} from './DraggableScrollView'
 
 export interface TabBarProps {
@@ -132,14 +132,15 @@ const styles = isDesktopWeb
         backgroundColor: 'transparent',
       },
       contentContainer: {
-        columnGap: 20,
+        columnGap: isMobileWeb ? 0 : 20,
-        marginLeft: 18,
+        marginLeft: isMobileWeb ? 0 : 18,
-        paddingRight: 36,
+        paddingRight: isMobileWeb ? 0 : 36,
         backgroundColor: 'transparent',
       },
       item: {
         paddingTop: 10,
         paddingBottom: 10,
+        paddingHorizontal: isMobileWeb ? 8 : 0,
         borderBottomWidth: 3,
         borderBottomColor: 'transparent',
       },

src/view/shell/bottom-bar/BottomBarWeb.tsx

@@ -15,6 +15,8 @@ import {
   HomeIconSolid,
   MagnifyingGlassIcon2,
   MagnifyingGlassIcon2Solid,
+  SatelliteDishIcon,
+  SatelliteDishIconSolid,
   UserIcon,
 } from 'lib/icons'
 import {Link} from 'view/com/util/Link'
@@ -61,6 +63,18 @@ export const BottomBarWeb = observer(() => {
           )
         }}
       </NavItem>
+      <NavItem routeName="Feeds" href="/feeds">
+        {({isActive}) => {
+          const Icon = isActive ? SatelliteDishIconSolid : SatelliteDishIcon
+          return (
+            <Icon
+              size={25}
+              style={[styles.ctrlIcon, pal.text, styles.searchIcon]}
+              strokeWidth={1.8}
+            />
+          )
+        }}
+      </NavItem>
       <NavItem routeName="Notifications" href="/notifications">
         {({isActive}) => {
           const Icon = isActive ? BellIconSolid : BellIcon