More spacing and sizing tweaks, including larger post controls

2 files changed, 15 insertions, 9 deletions

diff --git a/src/view/com/posts/FeedItem.tsx b/src/view/com/posts/FeedItem.tsx
index 626718ea2..070c9c7c9 100644
--- a/src/view/com/posts/FeedItem.tsx
+++ b/src/view/com/posts/FeedItem.tsx
@@ -142,9 +142,14 @@ export const FeedItem = observer(function ({
             }>
             <FontAwesomeIcon
               icon="retweet"
-              style={[styles.includeReasonIcon, s.gray4]}
+              style={[styles.includeReasonIcon, s.gray5]}
             />
-            <Text type="body2" style={{color: pal.colors.textLight}}>
+            <Text
+              type="body2"
+              style={{
+                fontWeight: '600',
+                color: pal.colors.textLight,
+              }}>
               Reposted by{' '}
               {item.reasonRepost.by.displayName || item.reasonRepost.by.handle}
             </Text>
@@ -283,7 +288,6 @@ const styles = StyleSheet.create({
   },
   outerSmallTop: {
     borderTopWidth: 0,
-    paddingTop: 8,
   },
   outerNoBottom: {
     paddingBottom: 2,
@@ -305,6 +309,7 @@ const styles = StyleSheet.create({
   includeReason: {
     flexDirection: 'row',
     paddingLeft: 40,
+    marginTop: 2,
     marginBottom: 2,
   },
   includeReasonIcon: {
@@ -312,6 +317,7 @@ const styles = StyleSheet.create({
   },
   layout: {
     flexDirection: 'row',
+    marginTop: 1,
   },
   layoutAvi: {
     width: 60,
@@ -338,7 +344,7 @@ const styles = StyleSheet.create({
     marginBottom: 6,
   },
   ctrls: {
-    marginTop: 2,
+    marginTop: 4,
   },
   viewFullThread: {
     paddingTop: 12,
diff --git a/src/view/com/util/PostCtrls.tsx b/src/view/com/util/PostCtrls.tsx
index 4c694a03f..3d551e5b4 100644
--- a/src/view/com/util/PostCtrls.tsx
+++ b/src/view/com/util/PostCtrls.tsx
@@ -35,7 +35,7 @@ interface PostCtrlsOpts {
 
 const redgray = '#7A6161'
 const sRedgray = {color: redgray}
-const HITSLOP = {top: 5, left: 5, bottom: 5, right: 5}
+const HITSLOP = {top: 2, left: 2, bottom: 2, right: 2}
 
 export function PostCtrls(opts: PostCtrlsOpts) {
   const interp1 = useAnimatedValue(0)
@@ -137,7 +137,7 @@ export function PostCtrls(opts: PostCtrlsOpts) {
                 opts.isReposted ? styles.ctrlIconReposted : styles.ctrlIcon
               }
               icon="retweet"
-              size={opts.big ? 22 : 17}
+              size={opts.big ? 22 : 19}
             />
           </Animated.View>
           {typeof opts.repostCount !== 'undefined' ? (
@@ -161,12 +161,12 @@ export function PostCtrls(opts: PostCtrlsOpts) {
             {opts.isUpvoted ? (
               <UpIconSolid
                 style={[styles.ctrlIconUpvoted]}
-                size={opts.big ? 22 : 17}
+                size={opts.big ? 22 : 19}
               />
             ) : (
               <UpIcon
                 style={[styles.ctrlIcon]}
-                size={opts.big ? 22 : 17}
+                size={opts.big ? 22 : 19}
                 strokeWidth={1.5}
               />
             )}
@@ -194,7 +194,7 @@ export function PostCtrls(opts: PostCtrlsOpts) {
             onDeletePost={opts.onDeletePost}>
             <FontAwesomeIcon
               icon="ellipsis-h"
-              size={16}
+              size={18}
               style={[s.mt2, s.mr5, {color: colors.gray3}]}
             />
           </PostDropdownBtn>