From b8ab064fcc133e0c98394a13e73273db2cc80c40 Mon Sep 17 00:00:00 2001
From: Paul Frazee <pfrazee@gmail.com>
Date: Mon, 16 Jan 2023 16:34:52 -0600
Subject: [PATCH] More spacing fixes, especially for the repost info

---
 src/view/com/post/Post.tsx      |  2 +-
 src/view/com/posts/FeedItem.tsx | 13 ++++++++-----
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/view/com/post/Post.tsx b/src/view/com/post/Post.tsx
index b451250e70..75ed849546 100644
--- a/src/view/com/post/Post.tsx
+++ b/src/view/com/post/Post.tsx
@@ -160,7 +160,7 @@ export const Post = observer(function Post({
             timestamp={item.post.indexedAt}
           />
           {replyHref !== '' && (
-            <View style={[s.flexRow, s.mb5, {alignItems: 'center'}]}>
+            <View style={[s.flexRow, s.mb2, {alignItems: 'center'}]}>
               <FontAwesomeIcon
                 icon="reply"
                 size={9}
diff --git a/src/view/com/posts/FeedItem.tsx b/src/view/com/posts/FeedItem.tsx
index 730f3fc200..626718ea2f 100644
--- a/src/view/com/posts/FeedItem.tsx
+++ b/src/view/com/posts/FeedItem.tsx
@@ -140,8 +140,11 @@ export const FeedItem = observer(function ({
             title={
               item.reasonRepost.by.displayName || item.reasonRepost.by.handle
             }>
-            <FontAwesomeIcon icon="retweet" style={styles.includeReasonIcon} />
-            <Text type="overline2" style={{color: pal.colors.actionLabel}}>
+            <FontAwesomeIcon
+              icon="retweet"
+              style={[styles.includeReasonIcon, s.gray4]}
+            />
+            <Text type="body2" style={{color: pal.colors.textLight}}>
               Reposted by{' '}
               {item.reasonRepost.by.displayName || item.reasonRepost.by.handle}
             </Text>
@@ -183,7 +186,7 @@ export const FeedItem = observer(function ({
               timestamp={item.post.indexedAt}
             />
             {!isChild && replyHref !== '' && (
-              <View style={[s.flexRow, s.mb5, {alignItems: 'center'}]}>
+              <View style={[s.flexRow, s.mb2, {alignItems: 'center'}]}>
                 <FontAwesomeIcon
                   icon="reply"
                   size={9}
@@ -301,11 +304,11 @@ const styles = StyleSheet.create({
   },
   includeReason: {
     flexDirection: 'row',
-    paddingLeft: 60,
+    paddingLeft: 40,
+    marginBottom: 2,
   },
   includeReasonIcon: {
     marginRight: 4,
-    color: colors.gray4,
   },
   layout: {
     flexDirection: 'row',