diff --git a/src/view/screens/CustomFeed.tsx b/src/view/screens/CustomFeed.tsx
index ec39b27d3e..615a63261f 100644
--- a/src/view/screens/CustomFeed.tsx
+++ b/src/view/screens/CustomFeed.tsx
@@ -81,7 +81,7 @@ export const CustomFeed = withAuthRequired(
currentFeed?.like()
}
}}
- style={[styles.likeButton]}>
+ style={[styles.likeButton, pal.viewLight]}>
{currentFeed?.data.likeCount}
@@ -143,7 +143,6 @@ const styles = StyleSheet.create({
paddingVertical: 4,
paddingHorizontal: 8,
borderRadius: 24,
- backgroundColor: colors.gray1,
gap: 4,
},
})
diff --git a/src/view/screens/PinnedFeeds.tsx b/src/view/screens/PinnedFeeds.tsx
index 2a0e3deff2..f87f8d2847 100644
--- a/src/view/screens/PinnedFeeds.tsx
+++ b/src/view/screens/PinnedFeeds.tsx
@@ -91,7 +91,11 @@ export const PinnedFeeds = withAuthRequired(
accessibilityRole="button"
onLongPress={drag}
style={styles.itemContainer}>
-
+
diff --git a/src/view/screens/SavedFeeds.tsx b/src/view/screens/SavedFeeds.tsx
index 8403efc6ea..827a4a2564 100644
--- a/src/view/screens/SavedFeeds.tsx
+++ b/src/view/screens/SavedFeeds.tsx
@@ -19,7 +19,7 @@ import {withAuthRequired} from 'view/com/auth/withAuthRequired'
import {ViewHeader} from 'view/com/util/ViewHeader'
import {CenteredView} from 'view/com/util/Views'
import {Text} from 'view/com/util/text/Text'
-import {isDesktopWeb} from 'platform/detection'
+import {isDesktopWeb, isWeb} from 'platform/detection'
import {s} from 'lib/styles'
import {SavedFeedsModel} from 'state/models/feeds/algo/saved'
import {Link} from 'view/com/util/Link'
@@ -113,20 +113,23 @@ const ListHeaderComponent = observer(
savedFeeds: SavedFeedsModel
navigation: Props['navigation']
}) => {
+ const pal = usePalette('default')
return (
{savedFeeds.pinned.length > 0 ? (
- Pinned Feeds
+
+ Pinned Feeds
+
- Edit
+ Edit
+ showsHorizontalScrollIndicator={isWeb}>
{savedFeeds.pinned.map(item => {
return (
-
+
{item.data.displayName ??
`${item.data.creator.displayName}'s feed`}
@@ -168,7 +174,7 @@ const styles = StyleSheet.create({
marginHorizontal: 24,
marginTop: 10,
},
- headerContainer: {paddingHorizontal: 18},
+ headerContainer: {paddingHorizontal: 18, paddingTop: 18},
pinnedContainer: {marginBottom: 18, gap: 18},
pinnedHeader: {flexDirection: 'row', justifyContent: 'space-between'},
pinnedItem: {
@@ -177,5 +183,6 @@ const styles = StyleSheet.create({
marginRight: 18,
maxWidth: 100,
},
+ pinnedItemName: {marginTop: 8, textAlign: 'center'},
editPinned: {textDecorationLine: 'underline'},
})