adjust styling for feeds tab bar on mobile

2023-05-25 12:54:31 -07:00
parent 524f8b6abd
commit db63442360
3 changed files with 11 additions and 5 deletions
@@ -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}
@@ -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',
      },