Align tombstone with optimistic deletion state

src/screens/PostThread/components/ThreadItemPost.tsx

@@ -93,7 +93,6 @@ function ThreadItemPostDeleted({
         style={[
           a.flex_row,
           a.align_center,
-          a.gap_sm,
           a.py_md,
           a.rounded_sm,
           t.atoms.bg_contrast_25,
@@ -107,10 +106,10 @@ function ThreadItemPostDeleted({
               width: LINEAR_AVI_WIDTH,
             },
           ]}>
-          <TrashIcon style={[t.atoms.text]} />
+          <TrashIcon style={[t.atoms.text_contrast_medium]} />
         </View>
-        <Text style={[t.atoms.text_contrast_medium, a.mt_2xs]}>
-          <Trans>This post has been deleted.</Trans>
+        <Text style={[a.text_md, a.font_bold, t.atoms.text_contrast_medium]}>
+          <Trans>Post has been deleted</Trans>
         </Text>
       </View>
 

src/screens/PostThread/components/ThreadItemPostTombstone.tsx

@@ -19,10 +19,10 @@ export function ThreadItemPostTombstone({type}: ThreadItemPostTombstoneProps) {
   const {copy, Icon} = useMemo(() => {
     switch (type) {
       case 'blocked':
-        return {copy: _(msg`Post blocked.`), Icon: PersonXIcon}
+        return {copy: _(msg`Post blocked`), Icon: PersonXIcon}
       case 'not-found':
       default:
-        return {copy: _(msg`Post not found.`), Icon: TrashIcon}
+        return {copy: _(msg`Post not found`), Icon: TrashIcon}
     }
   }, [_, type])
 
@@ -46,7 +46,7 @@ export function ThreadItemPostTombstone({type}: ThreadItemPostTombstoneProps) {
         <View style={[a.flex_row, a.justify_center, {width: LINEAR_AVI_WIDTH}]}>
           <Icon style={[t.atoms.text_contrast_medium]} />
         </View>
-        <Text style={[a.font_bold, a.text_md, t.atoms.text_contrast_medium]}>
+        <Text style={[a.text_md, a.font_bold, t.atoms.text_contrast_medium]}>
           {copy}
         </Text>
       </View>

src/screens/PostThread/components/ThreadItemTreePost.tsx

@@ -106,7 +106,7 @@ function ThreadItemTreePostDeleted({
           ]}>
           <TrashIcon style={[t.atoms.text]} width={14} />
           <Text style={[t.atoms.text_contrast_medium, a.mt_2xs]}>
-            <Trans>This post has been deleted.</Trans>
+            <Trans>Post has been deleted</Trans>
           </Text>
         </View>
         {item.ui.isLastChild && !item.ui.precedesChildReadMore && (