From 2198aab8b2c51e8889e08753729cdc2c70c1c9c7 Mon Sep 17 00:00:00 2001
From: Paul Frazee <pfrazee@gmail.com>
Date: Thu, 17 Aug 2023 18:59:25 -0700
Subject: Fix to post meta overflow in highlighted post (#1211)

* Fix to post meta overflow in highlighted post

* Give more space to desktop web
---
 src/view/com/post-thread/PostThreadItem.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

(limited to 'src')

diff --git a/src/view/com/post-thread/PostThreadItem.tsx b/src/view/com/post-thread/PostThreadItem.tsx
index 587ed1e00..8a56012f0 100644
--- a/src/view/com/post-thread/PostThreadItem.tsx
+++ b/src/view/com/post-thread/PostThreadItem.tsx
@@ -33,6 +33,7 @@ import {usePalette} from 'lib/hooks/usePalette'
 import {formatCount} from '../util/numeric/format'
 import {TimeElapsed} from 'view/com/util/TimeElapsed'
 import {makeProfileLink} from 'lib/routes/links'
+import {isDesktopWeb} from 'platform/detection'
 
 export const PostThreadItem = observer(function PostThreadItem({
   item,
@@ -226,7 +227,6 @@ export const PostThreadItem = observer(function PostThreadItem({
                 </Link>
               </View>
             </View>
-            <View style={s.flex1} />
             <PostDropdownBtn
               testID="postDropdownBtn"
               itemUri={itemUri}
@@ -239,7 +239,12 @@ export const PostThreadItem = observer(function PostThreadItem({
               onOpenTranslate={onOpenTranslate}
               onToggleThreadMute={onToggleThreadMute}
               onDeletePost={onDeletePost}
-              style={{paddingVertical: 6, paddingHorizontal: 10}}
+              style={{
+                paddingVertical: 6,
+                paddingHorizontal: 10,
+                marginLeft: 'auto',
+                width: 40,
+              }}
             />
           </View>
           <View style={[s.pl10, s.pr10, s.pb10]}>
@@ -556,7 +561,7 @@ const styles = StyleSheet.create({
   },
   metaItem: {
     paddingRight: 5,
-    maxWidth: 240,
+    maxWidth: isDesktopWeb ? 380 : 220,
   },
   alert: {
     marginBottom: 6,
-- 
cgit 1.4.1