Tighten up spacing and dividers

4 files changed, 15 insertions, 25 deletions

diff --git a/src/view/com/composer/Prompt.tsx b/src/view/com/composer/Prompt.tsx
index ec63d9501..b163104c5 100644
--- a/src/view/com/composer/Prompt.tsx
+++ b/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,
diff --git a/src/view/com/post-thread/PostThreadItem.tsx b/src/view/com/post-thread/PostThreadItem.tsx
index c39bebbbe..53d882b82 100644
--- a/src/view/com/post-thread/PostThreadItem.tsx
+++ b/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,
-    margin: 2,
-    marginBottom: 0,
+    borderTopWidth: 1,
+    borderTopColor: colors.gray2,
   },
   parentReplyLine: {
     position: 'absolute',
diff --git a/src/view/com/posts/FeedItem.tsx b/src/view/com/posts/FeedItem.tsx
index 8670ed9a3..f456fbab8 100644
--- a/src/view/com/posts/FeedItem.tsx
+++ b/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 />
-        </View>
+        <FeedItem item={item.replyParent} showReplyLine />
       ) : 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,
-    margin: 2,
-    marginBottom: 0,
+    borderTopWidth: 1,
+    borderTopColor: colors.gray2,
     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: 0,
-    borderBottomLeftRadius: 0,
-    borderBottomRightRadius: 0,
+    paddingBottom: 2,
   },
   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,
-    paddingLeft: 72,
+    paddingBottom: 2,
+    paddingLeft: 70,
   },
   viewFullThreadDots: {
     position: 'absolute',
-    left: 35,
+    left: 33,
     top: 0,
   },
   viewFullThreadText: {
diff --git a/src/view/com/util/PostMeta.tsx b/src/view/com/util/PostMeta.tsx
index fae3a4c83..a9ffd688d 100644
--- a/src/view/com/util/PostMeta.tsx
+++ b/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: {