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 && ( + + )} ))}