about summary refs log tree commit diff
path: root/src/view/com/posts/FeedItem.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/view/com/posts/FeedItem.tsx')
-rw-r--r--src/view/com/posts/FeedItem.tsx13
1 files changed, 8 insertions, 5 deletions
diff --git a/src/view/com/posts/FeedItem.tsx b/src/view/com/posts/FeedItem.tsx
index 730f3fc20..626718ea2 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',