Tighten up spacing and dividers

src/view/com/composer/Prompt.tsx

@@ -46,14 +46,13 @@ export function ComposePrompt({
 
 const styles = StyleSheet.create({
   container: {
-    borderRadius: 6,
-    margin: 2,
-    marginBottom: 0,
     paddingHorizontal: 10,
     paddingVertical: 10,
     flexDirection: 'row',
     alignItems: 'center',
     backgroundColor: colors.white,
+    borderTopWidth: 1,
+    borderTopColor: colors.gray2,
   },
   noAviContainer: {
     paddingVertical: 14,

src/view/com/post-thread/PostThreadItem.tsx

@@ -319,9 +319,8 @@ export const PostThreadItem = observer(function PostThreadItem({
 const styles = StyleSheet.create({
   outer: {
     backgroundColor: colors.white,
-    borderRadius: 6,
+    borderTopWidth: 1,
-    margin: 2,
+    borderTopColor: colors.gray2,
-    marginBottom: 0,
   },
   parentReplyLine: {
     position: 'absolute',

src/view/com/posts/FeedItem.tsx

@@ -103,9 +103,7 @@ export const FeedItem = observer(function ({
   return (
     <>
       {isChild && !item._isThreadChild && item.replyParent ? (
-        <View style={{marginTop: 2}}>
+        <FeedItem item={item.replyParent} showReplyLine />
-          <FeedItem item={item.replyParent} showReplyLine />
-        </View>
       ) : undefined}
       <Link style={outerStyles} href={itemHref} title={itemTitle} noFeedback>
         {item._isThreadChild && <View style={[styles.topReplyLine]} />}
@@ -240,29 +238,23 @@ export const FeedItem = observer(function ({
 
 const styles = StyleSheet.create({
   outer: {
-    borderRadius: 6,
+    borderTopWidth: 1,
-    margin: 2,
+    borderTopColor: colors.gray2,
-    marginBottom: 0,
     backgroundColor: colors.white,
     padding: 10,
   },
   outerNoTop: {
-    marginTop: 0,
+    borderTopWidth: 0,
     paddingTop: 0,
     borderTopLeftRadius: 0,
     borderTopRightRadius: 0,
   },
   outerSmallTop: {
-    marginTop: 0,
+    borderTopWidth: 0,
     paddingTop: 8,
-    borderTopLeftRadius: 0,
-    borderTopRightRadius: 0,
   },
   outerNoBottom: {
-    marginBottom: 0,
+    paddingBottom: 2,
-    paddingBottom: 0,
-    borderBottomLeftRadius: 0,
-    borderBottomRightRadius: 0,
   },
   topReplyLine: {
     position: 'absolute',
@@ -293,7 +285,7 @@ const styles = StyleSheet.create({
   },
   layoutAvi: {
     width: 60,
-    paddingTop: 5,
+    paddingTop: 0,
   },
   layoutContent: {
     flex: 1,
@@ -316,12 +308,12 @@ const styles = StyleSheet.create({
   viewFullThread: {
     backgroundColor: colors.white,
     paddingTop: 12,
-    paddingBottom: 4,
+    paddingBottom: 2,
-    paddingLeft: 72,
+    paddingLeft: 70,
   },
   viewFullThreadDots: {
     position: 'absolute',
-    left: 35,
+    left: 33,
     top: 0,
   },
   viewFullThreadText: {

src/view/com/util/PostMeta.tsx

@@ -74,7 +74,7 @@ const styles = StyleSheet.create({
   meta: {
     flexDirection: 'row',
     alignItems: 'center',
-    paddingTop: 2,
+    paddingTop: 0,
     paddingBottom: 2,
   },
   metaItem: {