From d6af6468d79a9b6ea3ddce4400a79a8a9b6b88c3 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Sat, 9 Oct 2021 11:42:31 -0500
Subject: [PATCH] Thread: improve padding between posts

---
 app/soapbox/features/status/index.js       |  2 +-
 app/styles/components/detailed-status.scss | 21 +++++++++++++++++++++
 2 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/app/soapbox/features/status/index.js b/app/soapbox/features/status/index.js
index 7c8e2f999..6e4ef46ee 100644
--- a/app/soapbox/features/status/index.js
+++ b/app/soapbox/features/status/index.js
@@ -573,7 +573,7 @@ class Status extends ImmutablePureComponent {
     };
 
     return (
-      <Column label={intl.formatMessage(messages.detailedStatus)} showBackBtn={false}>
+      <Column label={intl.formatMessage(messages.detailedStatus)} transparent>
         <SubNavigation message={intl.formatMessage(messages.title)} />
         {/*
           Eye icon to show/hide all CWs in a thread.
diff --git a/app/styles/components/detailed-status.scss b/app/styles/components/detailed-status.scss
index e65e3fff2..9178f4160 100644
--- a/app/styles/components/detailed-status.scss
+++ b/app/styles/components/detailed-status.scss
@@ -158,6 +158,14 @@
 }
 
 .thread {
+  @include standard-panel;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+
+  @media screen and (max-width: 580px) {
+    border-radius: 0;
+  }
+
   &__status {
     position: relative;
 
@@ -167,6 +175,19 @@
     }
   }
 
+  &__descendants .thread__status:first-child {
+    margin-top: 10px;
+  }
+
+  &__status--focused:first-child,
+  &__ancestors &__status:first-child {
+    margin-top: 10px;
+  }
+
+  &__descendants &__status:last-child {
+    margin-bottom: 10px;
+  }
+
   &__connector {
     background: hsla(var(--primary-text-color_hsl), 0.2);
     position: absolute;