align center post meta in threaded (#3615)

* align center post meta in threaded * put `displayNameStyle` in correct place * maybe? * with mobile padding too?
bluesky-social · Apr 19, 2024 · f709fbc · f709fbc
1 parent c91f065
commit f709fbc
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git 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
@@ -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={