Thread: improve padding between posts

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.

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;