Finesse post controls

src/components/PostControls/index.tsx

@@ -196,7 +196,7 @@ let PostControls = ({
       <View style={[a.flex_row, a.justify_between, a.flex_1]}>
         <View
           style={[
-            big ? a.align_center : [a.flex_1, a.align_start, {marginLeft: -6}],
+            {marginLeft: big ? -2 : -6},
             replyDisabled ? {opacity: 0.5} : undefined,
           ]}>
           <PostControlButton
@@ -225,7 +225,6 @@ let PostControls = ({
             )}
           </PostControlButton>
         </View>
-        <View style={big ? a.align_center : [a.flex_1, a.align_start]}>
         <RepostButton
           isReposted={!!post.viewer?.repost}
           repostCount={(post.repostCount ?? 0) + (post.quoteCount ?? 0)}
@@ -234,8 +233,6 @@ let PostControls = ({
           big={big}
           embeddingDisabled={Boolean(post.viewer?.embeddingDisabled)}
         />
-        </View>
-        <View style={big ? a.align_center : [a.flex_1, a.align_start]}>
         <PostControlButton
           testID="likeBtn"
           big={big}
@@ -275,15 +272,10 @@ let PostControls = ({
             hasBeenToggled={hasLikeIconBeenToggled}
           />
         </PostControlButton>
+        {/* Spacer! */}
+        <View />
       </View>
-      </View>
-      <View
-        style={[
-          a.flex_row,
-          a.justify_end,
-          a.flex_1,
-          big ? a.gap_sm : a.gap_xs,
-        ]}>
+      <View style={[a.flex_row, a.justify_end, big && a.gap_sm]}>
         <BookmarkButton post={post} big={big} />
         <ShareMenuButton
           testID="postShareBtn"