Use consistent rendering of avis and post metas in threads

src/view/com/posts/FeedItem.tsx

@@ -114,22 +114,8 @@ export const FeedItem = observer(function FeedItem({
         />
       ) : undefined}
       <Link style={outerStyles} href={itemHref} title={itemTitle} noFeedback>
-        {isChild && (
-          <View
-            style={[
-              styles.topReplyLine,
-              item._isThreadChild ? styles.topReplyLineSmallAvi : undefined,
-            ]}
-          />
-        )}
-        {item._isThreadParent && (
-          <View
-            style={[
-              styles.bottomReplyLine,
-              item._isThreadChild ? styles.bottomReplyLineSmallAvi : undefined,
-            ]}
-          />
-        )}
+        {isChild && <View style={[styles.topReplyLine]} />}
+        {item._isThreadParent && <View style={[styles.bottomReplyLine]} />}
         {item.repostedBy && (
           <Link
             style={styles.includeReason}
@@ -159,12 +145,9 @@ export const FeedItem = observer(function FeedItem({
         )}
         <View style={styles.layout}>
           <View style={styles.layoutAvi}>
-            <Link
-              href={authorHref}
-              title={item.author.handle}
-              style={item._isThreadChild ? {marginLeft: 10} : undefined}>
+            <Link href={authorHref} title={item.author.handle}>
               <UserAvatar
-                size={item._isThreadChild ? 30 : 52}
+                size={52}
                 displayName={item.author.displayName}
                 handle={item.author.handle}
                 avatar={item.author.avatar}
@@ -172,7 +155,6 @@ export const FeedItem = observer(function FeedItem({
             </Link>
           </View>
           <View style={styles.layoutContent}>
-            {!item._isThreadChild ? (
             <PostMeta
               itemHref={itemHref}
               itemTitle={itemTitle}
@@ -184,7 +166,6 @@ export const FeedItem = observer(function FeedItem({
               onCopyPostText={onCopyPostText}
               onDeletePost={onDeletePost}
             />
-            ) : undefined}
             {!isChild && replyHref !== '' && (
               <View style={[s.flexRow, s.mb2, {alignItems: 'center'}]}>
                 <FontAwesomeIcon
@@ -289,9 +270,6 @@ const styles = StyleSheet.create({
     borderLeftWidth: 2,
     borderLeftColor: colors.gray2,
   },
-  topReplyLineSmallAvi: {
-    height: TOP_REPLY_LINE_LENGTH + 10,
-  },
   bottomReplyLine: {
     position: 'absolute',
     left: 34,
@@ -300,9 +278,6 @@ const styles = StyleSheet.create({
     borderLeftWidth: 2,
     borderLeftColor: colors.gray2,
   },
-  bottomReplyLineSmallAvi: {
-    top: 50,
-  },
   includeReason: {
     flexDirection: 'row',
     paddingLeft: 60,