diff --git a/src/view/com/posts/FeedItem.tsx b/src/view/com/posts/FeedItem.tsx
index 6cd374d8..ae53c8d1 100644
--- a/src/view/com/posts/FeedItem.tsx
+++ b/src/view/com/posts/FeedItem.tsx
@@ -310,10 +310,10 @@ const styles = StyleSheet.create({
flexDirection: 'row',
alignItems: 'center',
flexWrap: 'wrap',
- paddingBottom: 8,
+ paddingBottom: 4,
},
postEmbeds: {
- marginBottom: 10,
+ marginBottom: 0,
},
viewFullThread: {
paddingTop: 12,
diff --git a/src/view/com/util/PostCtrls.tsx b/src/view/com/util/PostCtrls.tsx
index ac10e92f..4bc33110 100644
--- a/src/view/com/util/PostCtrls.tsx
+++ b/src/view/com/util/PostCtrls.tsx
@@ -3,7 +3,7 @@ import {Animated, StyleSheet, TouchableOpacity, View} from 'react-native'
import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome'
import ReactNativeHapticFeedback from 'react-native-haptic-feedback'
import {Text} from './text/Text'
-import {UpIcon, UpIconSolid} from '../../lib/icons'
+import {UpIcon, UpIconSolid, CommentBottomArrow} from '../../lib/icons'
import {s, colors} from '../../lib/styles'
import {useAnimatedValue} from '../../lib/hooks/useAnimatedValue'
@@ -102,13 +102,13 @@ export function PostCtrls(opts: PostCtrlsOpts) {
style={styles.ctrl}
hitSlop={HITSLOP}
onPress={opts.onPressReply}>
-
{typeof opts.replyCount !== 'undefined' ? (
- {opts.replyCount}
+ {opts.replyCount}
) : undefined}
@@ -123,15 +123,15 @@ export function PostCtrls(opts: PostCtrlsOpts) {
opts.isReposted ? styles.ctrlIconReposted : styles.ctrlIcon
}
icon="retweet"
- size={opts.big ? 22 : 18}
+ size={opts.big ? 22 : 17}
/>
{typeof opts.repostCount !== 'undefined' ? (
{opts.repostCount}
@@ -147,12 +147,12 @@ export function PostCtrls(opts: PostCtrlsOpts) {
{opts.isUpvoted ? (
) : (
)}
@@ -161,8 +161,8 @@ export function PostCtrls(opts: PostCtrlsOpts) {
{opts.upvoteCount}
diff --git a/src/view/com/util/PostEmbeds.tsx b/src/view/com/util/PostEmbeds.tsx
index ce93ac61..870df50a 100644
--- a/src/view/com/util/PostEmbeds.tsx
+++ b/src/view/com/util/PostEmbeds.tsx
@@ -123,7 +123,7 @@ export function PostEmbeds({
const styles = StyleSheet.create({
imagesContainer: {
- marginBottom: 10,
+ marginBottom: 6,
},
imagesWidthSpacer: {
width: 5,
diff --git a/src/view/lib/icons.tsx b/src/view/lib/icons.tsx
index 31869810..b061f308 100644
--- a/src/view/lib/icons.tsx
+++ b/src/view/lib/icons.tsx
@@ -324,3 +324,32 @@ export function DownIconSolid({
)
}
+
+// Copyright (c) 2020 Refactoring UI Inc.
+// https://github.com/tailwindlabs/heroicons/blob/master/LICENSE
+export function CommentBottomArrow({
+ style,
+ size,
+ strokeWidth = 1.3,
+}: {
+ style?: StyleProp
+ size?: string | number
+ strokeWidth?: number
+}) {
+ return (
+
+ )
+}