diff options
| author | Paul Frazee <pfrazee@gmail.com> | 2023-01-16 16:34:52 -0600 |
|---|---|---|
| committer | Paul Frazee <pfrazee@gmail.com> | 2023-01-16 16:34:52 -0600 |
| commit | 0c9ffd99d82219aa9e990f18b67f3a0965c305b2 (patch) | |
| tree | 7e8cc17b56e483a954cbe9de6ffbcf35c8a6dff5 /src | |
| parent | 6d4431b777862c3608d256fc7b87ffdd701ef019 (diff) | |
| download | voidsky-0c9ffd99d82219aa9e990f18b67f3a0965c305b2.tar.zst | |
More spacing fixes, especially for the repost info
Diffstat (limited to 'src')
| -rw-r--r-- | src/view/com/post/Post.tsx | 2 | ||||
| -rw-r--r-- | 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 b451250e7..75ed84954 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 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', |