From f709fbcbddde49a812197d79758482b6497be8d2 Mon Sep 17 00:00:00 2001
From: Hailey <me@haileyok.com>
Date: Thu, 18 Apr 2024 21:38:54 -0700
Subject: [PATCH] align center post meta in threaded (#3615)

* align center post meta in threaded

* put `displayNameStyle` in correct place

* maybe?

* with mobile padding too?
---
 src/view/com/post-thread/PostThreadItem.tsx | 8 +++++++-
 src/view/com/util/PostMeta.tsx              | 6 ++++--
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/view/com/post-thread/PostThreadItem.tsx b/src/view/com/post-thread/PostThreadItem.tsx
index 089714c727..ddcf1a1306 100644
--- a/src/view/com/post-thread/PostThreadItem.tsx
+++ b/src/view/com/post-thread/PostThreadItem.tsx
@@ -27,6 +27,7 @@ import {sanitizeHandle} from 'lib/strings/handles'
 import {countLines, pluralize} from 'lib/strings/helpers'
 import {niceDate} from 'lib/strings/time'
 import {s} from 'lib/styles'
+import {isWeb} from 'platform/detection'
 import {useSession} from 'state/session'
 import {PostThreadFollowBtn} from 'view/com/post-thread/PostThreadFollowBtn'
 import {atoms as a} from '#/alf'
@@ -478,7 +479,12 @@ let PostThreadItemLoaded = ({
                   avatarSize={28}
                   displayNameType="md-bold"
                   displayNameStyle={isThreadedChild && s.ml2}
-                  style={isThreadedChild && s.mb2}
+                  style={
+                    isThreadedChild && {
+                      alignItems: 'center',
+                      paddingBottom: isWeb ? 5 : 2,
+                    }
+                  }
                 />
                 <LabelsOnMyPost post={post} />
                 <PostAlerts
diff --git a/src/view/com/util/PostMeta.tsx b/src/view/com/util/PostMeta.tsx
index a9b9a97cfc..ed3d3e5b09 100644
--- a/src/view/com/util/PostMeta.tsx
+++ b/src/view/com/util/PostMeta.tsx
@@ -54,10 +54,12 @@ let PostMeta = (opts: PostMetaOpts): React.ReactNode => {
           />
         </View>
       )}
-      <Text numberOfLines={1} style={[styles.maxWidth, pal.textLight]}>
+      <Text
+        numberOfLines={1}
+        style={[styles.maxWidth, pal.textLight, opts.displayNameStyle]}>
         <TextLinkOnWebOnly
           type={opts.displayNameType || 'lg-bold'}
-          style={[pal.text, opts.displayNameStyle]}
+          style={[pal.text]}
           lineHeight={1.2}
           disableMismatchWarning
           text={