From 1a13a9734e11474ad83ade614f27b0d3a9474a4e Mon Sep 17 00:00:00 2001
From: Eric Bailey <git@esb.lol>
Date: Wed, 3 Sep 2025 16:29:58 -0500
Subject: [PATCH] Limit spacing on desktop

---
 src/components/PostControls/index.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/PostControls/index.tsx b/src/components/PostControls/index.tsx
index 88efb85ef8..0c7ea86c22 100644
--- a/src/components/PostControls/index.tsx
+++ b/src/components/PostControls/index.tsx
@@ -26,7 +26,7 @@ import {
 } from '#/state/shell/progress-guide'
 import {formatCount} from '#/view/com/util/numeric/format'
 import * as Toast from '#/view/com/util/Toast'
-import {atoms as a} from '#/alf'
+import {atoms as a, useBreakpoints} from '#/alf'
 import {Reply as Bubble} from '#/components/icons/Reply'
 import {BookmarkButton} from './BookmarkButton'
 import {
@@ -92,6 +92,7 @@ let PostControls = ({
       post.author.viewer?.blockingByList,
   )
   const replyDisabled = post.viewer?.replyDisabled
+  const {gtPhone} = useBreakpoints()
 
   const [hasLikeIconBeenToggled, setHasLikeIconBeenToggled] = useState(false)
 
@@ -194,7 +195,7 @@ let PostControls = ({
         a.gap_md,
         style,
       ]}>
-      <View style={[a.flex_row, a.flex_1]}>
+      <View style={[a.flex_row, a.flex_1, {maxWidth: 320}]}>
         <View
           style={[
             a.flex_1,
@@ -282,7 +283,7 @@ let PostControls = ({
         {/* Spacer! */}
         <View />
       </View>
-      <View style={[a.flex_row, a.justify_end, big && a.gap_sm]}>
+      <View style={[a.flex_row, a.justify_end, (big || gtPhone) && a.gap_sm]}>
         <BookmarkButton post={post} big={big} />
         <ShareMenuButton
           testID="postShareBtn"