Adjust spacing

src/components/Post/KnownLikers.tsx

@@ -1,4 +1,5 @@
-import {View} from 'react-native'
+import {type ViewStyle} from 'react-native'
+import {StyleProp} from 'react-native'
 import {AtUri} from '@atproto/syntax'
 import {moderateProfile} from '@bsky/sdk/moderation'
 import {Trans, useLingui} from '@lingui/react/macro'
@@ -22,11 +23,11 @@ import {type app} from '#/lexicons'
 export function KnownLikers({
   post,
   feature,
-  variant = 'thread',
+  outerStyle,
 }: {
   post: app.bsky.feed.defs.PostView
   feature: Features
-  variant?: 'feed' | 'thread'
+  outerStyle?: StyleProp<ViewStyle>
 }) {
   const t = useTheme()
   const {t: l} = useLingui()
@@ -61,7 +62,6 @@ export function KnownLikers({
         moderation.ui('displayName'),
       ),
     }))
-  const isFeed = variant === 'feed'
   const rowLabel =
     names.length >= 2
       ? l`Liked by ${names[0].displayName} and ${names[1].displayName}`
@@ -83,31 +83,36 @@ export function KnownLikers({
   )
 
   return (
-    <View style={[a.w_full, a.flex_row, isFeed && a.mt_sm]}>
+    <Link
-      <Link
+      to={likesHref}
-        to={likesHref}
+      label={rowLabel}
-        label={rowLabel}
+      style={[
-        style={[a.flex_row, a.align_center, a.gap_xs, a.flex_shrink]}
+        a.w_full,
-        onPress={() => ax.metric('post:likedBy:click', {})}>
+        a.flex_row,
-        <AvatarStack
+        a.align_center,
-          profiles={aviStackProfiles}
+        a.gap_xs,
-          size={16}
+        a.flex_shrink,
-          overlap={4}
+        outerStyle,
-          borderWidth={0.5}
+      ]}
-          backgroundColor={t.atoms.bg_contrast_25.backgroundColor}
+      onPress={() => ax.metric('post:likedBy:click', {})}>
-        />
+      <AvatarStack
-        <Text testID="knownLikersStat" style={[a.flex_shrink, textStyle]}>
+        profiles={aviStackProfiles}
-          {names.length >= 2 ? (
+        size={16}
-            <Trans comment="Social proof below a post; the bolded names are people the viewer follows who liked the post">
+        overlap={4}
-              Liked by {nameLink(names[0])} and {nameLink(names[1])}
+        borderWidth={0.5}
-            </Trans>
+        backgroundColor={t.atoms.bg_contrast_25.backgroundColor}
-          ) : (
+      />
-            <Trans comment="Social proof below a post; the bolded name is a person the viewer follows who liked the post">
+      <Text testID="knownLikersStat" style={[a.flex_shrink, textStyle]}>
-              Liked by {nameLink(names[0])}
+        {names.length >= 2 ? (
-            </Trans>
+          <Trans comment="Social proof below a post; the bolded names are people the viewer follows who liked the post">
-          )}
+            Liked by {nameLink(names[0])} and {nameLink(names[1])}
-        </Text>
+          </Trans>
-      </Link>
+        ) : (
-    </View>
+          <Trans comment="Social proof below a post; the bolded name is a person the viewer follows who liked the post">
+            Liked by {nameLink(names[0])}
+          </Trans>
+        )}
+      </Text>
+    </Link>
   )
 }

src/screens/PostThread/components/ThreadItemAnchor.tsx

@@ -453,7 +453,7 @@ const ThreadItemAnchorInner = memo(function ThreadItemAnchorInner({
                   },
                   a.border_t,
                   a.mt_md,
-                  a.py_md,
+                  a.py_sm,
                   t.atoms.border_contrast_low,
                 ]}>
                 {post.repostCount != null && post.repostCount !== 0 ? (
@@ -518,10 +518,10 @@ const ThreadItemAnchorInner = memo(function ThreadItemAnchorInner({
             <KnownLikers
               post={post}
               feature={Features.PostThreadKnownLikersEnable}
+              outerStyle={[a.pt_xs, a.pb_sm]}
             />
             <View
               style={[
-                a.pt_sm,
                 a.pb_2xs,
                 {
                   marginLeft: -5,

src/view/com/posts/PostFeedItem.tsx

@@ -460,7 +460,7 @@ let FeedItemInner = ({
             <KnownLikers
               post={post}
               feature={Features.PostFeedKnownLikersEnable}
-              variant="feed"
+              outerStyle={[a.py_sm]}
             />
           </View>