From 5271718b3bf65413e60049e09cf1403ed67bd3f6 Mon Sep 17 00:00:00 2001
From: Paul Frazee <pfrazee@gmail.com>
Date: Thu, 17 Nov 2022 10:56:42 -0600
Subject: [PATCH] Fix positioning with overflows in the post meta

---
 src/view/com/util/PostMeta.tsx | 35 +++++++++++-----------------------
 1 file changed, 11 insertions(+), 24 deletions(-)

diff --git a/src/view/com/util/PostMeta.tsx b/src/view/com/util/PostMeta.tsx
index 840de870..1a5528b0 100644
--- a/src/view/com/util/PostMeta.tsx
+++ b/src/view/com/util/PostMeta.tsx
@@ -25,26 +25,19 @@ export function PostMeta(opts: PostMetaOpts) {
   )
   return (
     <View style={styles.meta}>
-      <View style={[styles.metaNames, maxWidth]}>
-        <Link
-          style={[styles.metaItem, maxWidth]}
-          href={opts.authorHref}
-          title={opts.authorHandle}>
-          <Text style={[s.f17, s.bold]} numberOfLines={1}>
-            {opts.authorDisplayName || opts.authorHandle}
+      <Link
+        style={[styles.metaItem, maxWidth]}
+        href={opts.authorHref}
+        title={opts.authorHandle}>
+        <Text style={[s.f17, s.bold]} numberOfLines={1}>
+          {opts.authorDisplayName || opts.authorHandle}
+          <Text style={[s.f15, s.gray5, s.normal]} numberOfLines={1}>
+            &nbsp;{opts.authorHandle}
           </Text>
-        </Link>
-        <Link
-          style={[styles.metaItem, maxWidth]}
-          href={opts.authorHref}
-          title={opts.authorHandle}>
-          <Text style={[s.f15, s.gray5]} numberOfLines={1}>
-            @{opts.authorHandle}
-          </Text>
-        </Link>
-      </View>
+        </Text>
+      </Link>
       <Text style={[styles.metaItem, s.f15, s.gray5]}>
-        {ago(opts.timestamp)}
+        &middot; {ago(opts.timestamp)}
       </Text>
       <View style={s.flex1} />
       <PostDropdownBtn
@@ -66,12 +59,6 @@ const styles = StyleSheet.create({
     paddingTop: 2,
     paddingBottom: 2,
   },
-  metaNames: {
-    flexDirection: 'row',
-    flexWrap: 'wrap',
-    alignItems: 'center',
-    overflow: 'hidden',
-  },
   metaItem: {
     paddingRight: 5,
   },