diff --git a/app/soapbox/features/status/index.js b/app/soapbox/features/status/index.js index 7c8e2f999d..6e4ef46eee 100644 Binary files a/app/soapbox/features/status/index.js and b/app/soapbox/features/status/index.js differ diff --git a/app/styles/components/detailed-status.scss b/app/styles/components/detailed-status.scss index e65e3fff23..9178f41609 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;