diff --git a/app/styles/components/status.scss b/app/styles/components/status.scss index df8761d70..4ca0b34d8 100644 --- a/app/styles/components/status.scss +++ b/app/styles/components/status.scss @@ -128,7 +128,21 @@ .status__wrapper { @include standard-panel; - margin: 10px 0; + margin: 5px 0; +} + +.slist > .item-list > article { + &:first-child { + .status__wrapper { + margin-top: 10px; + } + } + + &:last-child { + .status__wrapper { + margin-bottom: 10px; + } + } } .status__wrapper--filtered { diff --git a/app/styles/ui.scss b/app/styles/ui.scss index a706cbdf7..4d22a583e 100644 --- a/app/styles/ui.scss +++ b/app/styles/ui.scss @@ -742,3 +742,9 @@ background: var(--accent-color); } } + +// Create a new Block Formatting Context to prevent the timelines from jumping +// https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context +.slist > .item-list > article { + overflow: hidden; +}