about summary refs log tree commit diff
path: root/src/screens/PostThread/components/ThreadItemTreePost.tsx
diff options
context:
space:
mode:
authorSamuel Newman <mozzius@protonmail.com>2025-07-01 23:24:03 +0300
committerGitHub <noreply@github.com>2025-07-01 13:24:03 -0700
commit9fdd98d8b430a072efc19698eb8c4be1a63ecfb4 (patch)
treebe6afc8e934762d14486c071f2b240e8790c77da /src/screens/PostThread/components/ThreadItemTreePost.tsx
parent5f291b5ca8d21cb44f6d32039afdff6f45782012 (diff)
downloadvoidsky-9fdd98d8b430a072efc19698eb8c4be1a63ecfb4.tar.zst
Improve post spacing (#8589)
Diffstat (limited to 'src/screens/PostThread/components/ThreadItemTreePost.tsx')
-rw-r--r--src/screens/PostThread/components/ThreadItemTreePost.tsx14
1 files changed, 5 insertions, 9 deletions
diff --git a/src/screens/PostThread/components/ThreadItemTreePost.tsx b/src/screens/PostThread/components/ThreadItemTreePost.tsx
index a8ffb76f4..31517a40f 100644
--- a/src/screens/PostThread/components/ThreadItemTreePost.tsx
+++ b/src/screens/PostThread/components/ThreadItemTreePost.tsx
@@ -218,17 +218,13 @@ const ThreadItemTreeReplyChildReplyLine = memo(
   }) {
     const t = useTheme()
     return (
-      <View style={[a.relative, {width: TREE_AVI_PLUS_SPACE}]}>
+      <View style={[a.relative, a.pt_2xs, {width: TREE_AVI_PLUS_SPACE}]}>
         {item.ui.showChildReplyLine && (
           <View
             style={[
               a.flex_1,
               t.atoms.border_contrast_low,
-              {
-                borderRightWidth: 2,
-                width: '50%',
-                left: -1,
-              },
+              {borderRightWidth: 2, width: '50%', left: -1},
             ]}
           />
         )}
@@ -331,12 +327,12 @@ const ThreadItemTreePostInner = memo(function ThreadItemTreePostInner({
                 timestamp={post.indexedAt}
                 postHref={postHref}
                 avatarSize={TREE_AVI_WIDTH}
-                style={[a.pb_2xs]}
+                style={[a.pb_0]}
                 showAvatar
               />
               <View style={[a.flex_row]}>
                 <ThreadItemTreeReplyChildReplyLine item={item} />
-                <View style={[a.flex_1]}>
+                <View style={[a.flex_1, a.pl_2xs]}>
                   <LabelsOnMyPost post={post} style={[a.pb_2xs]} />
                   <PostAlerts
                     modui={moderation.ui('contentList')}
@@ -360,7 +356,7 @@ const ThreadItemTreePostInner = memo(function ThreadItemTreePostInner({
                         />
                       )}
                     </>
-                  ) : undefined}
+                  ) : null}
                   {post.embed && (
                     <View style={[a.pb_xs]}>
                       <Embed