Aesthetic improvements

1 files changed, 13 insertions, 10 deletions

diff --git a/src/view/com/post-thread/PostThreadItem.tsx b/src/view/com/post-thread/PostThreadItem.tsx
index 46d7816c6..ed411131f 100644
--- a/src/view/com/post-thread/PostThreadItem.tsx
+++ b/src/view/com/post-thread/PostThreadItem.tsx
@@ -129,8 +129,9 @@ export const PostThreadItem = observer(function PostThreadItem({
               <FontAwesomeIcon
                 style={styles.ctrlIcon}
                 icon={['far', 'comment']}
+                size={14}
               />
-              <Text>{item.replyCount}</Text>
+              <Text style={s.f13}>{item.replyCount}</Text>
             </TouchableOpacity>
             <TouchableOpacity style={styles.ctrl} onPress={onPressToggleRepost}>
               <FontAwesomeIcon
@@ -140,11 +141,11 @@ export const PostThreadItem = observer(function PostThreadItem({
                     : styles.ctrlIcon
                 }
                 icon="retweet"
-                size={22}
+                size={18}
               />
               <Text
                 style={
-                  item.myState.hasReposted ? [s.bold, s.green3] : undefined
+                  item.myState.hasReposted ? [s.bold, s.green3, s.f13] : s.f13
                 }>
                 {item.repostCount}
               </Text>
@@ -155,9 +156,10 @@ export const PostThreadItem = observer(function PostThreadItem({
                   item.myState.hasLiked ? styles.ctrlIconLiked : styles.ctrlIcon
                 }
                 icon={[item.myState.hasLiked ? 'fas' : 'far', 'heart']}
+                size={14}
               />
               <Text
-                style={item.myState.hasLiked ? [s.bold, s.pink3] : undefined}>
+                style={item.myState.hasLiked ? [s.bold, s.red3, s.f13] : s.f13}>
                 {item.likeCount}
               </Text>
             </TouchableOpacity>
@@ -167,6 +169,7 @@ export const PostThreadItem = observer(function PostThreadItem({
               <FontAwesomeIcon
                 style={styles.ctrlIcon}
                 icon="share-from-square"
+                size={14}
               />
             </TouchableOpacity>
           </View>
@@ -190,15 +193,15 @@ const styles = StyleSheet.create({
     marginRight: 2,
   },
   layoutAvi: {
-    width: 80,
+    width: 70,
     paddingLeft: 10,
     paddingTop: 10,
     paddingBottom: 10,
   },
   avi: {
-    width: 60,
-    height: 60,
-    borderRadius: 30,
+    width: 50,
+    height: 50,
+    borderRadius: 25,
     resizeMode: 'cover',
   },
   layoutContent: {
@@ -210,7 +213,7 @@ const styles = StyleSheet.create({
   meta: {
     flexDirection: 'row',
     paddingTop: 2,
-    paddingBottom: 4,
+    paddingBottom: 2,
   },
   metaItem: {
     paddingRight: 5,
@@ -251,6 +254,6 @@ const styles = StyleSheet.create({
   },
   ctrlIconLiked: {
     marginRight: 5,
-    color: colors.pink3,
+    color: colors.red3,
   },
 })