diff --git a/src/view/com/posts/FeedItem.tsx b/src/view/com/posts/FeedItem.tsx
index 9d2bc72bc1..9750ee50d8 100644
--- a/src/view/com/posts/FeedItem.tsx
+++ b/src/view/com/posts/FeedItem.tsx
@@ -32,10 +32,12 @@ import {makeProfileLink} from 'lib/routes/links'
export const FeedItem = observer(function ({
item,
isThreadChild,
+ isThreadLastChild,
isThreadParent,
}: {
item: PostsFeedItemModel
isThreadChild?: boolean
+ isThreadLastChild?: boolean
isThreadParent?: boolean
showReplyLine?: boolean
}) {
@@ -134,13 +136,17 @@ export const FeedItem = observer(function ({
)
}, [track, item, setDeleted, store])
- const isSmallTop = isThreadChild
const outerStyles = [
styles.outer,
pal.view,
- {borderColor: pal.colors.border},
- isSmallTop ? styles.outerSmallTop : undefined,
- isThreadParent ? styles.outerNoBottom : undefined,
+ {
+ borderColor: pal.colors.border,
+ paddingBottom:
+ isThreadLastChild || (!isThreadChild && !isThreadParent)
+ ? 12
+ : undefined,
+ },
+ isThreadChild ? styles.outerSmallTop : undefined,
]
if (!record || deleted) {
@@ -154,51 +160,62 @@ export const FeedItem = observer(function ({
href={itemHref}
noFeedback
accessible={false}>
- {isThreadChild && (
-
- )}
- {isThreadParent && (
-
- )}
- {item.reasonRepost && (
-
-
-
- Reposted by{' '}
-
-
-
- )}
+
+
+
+ {isThreadChild && (
+
+ )}
+
+
+
+ {item.reasonRepost && (
+
+
+
+ Reposted by{' '}
+
+
+
+ )}
+
+
+
+ {isThreadParent && (
+
+ )}
))}
>