From c691408d0d85fbd33e94eb8b3608698354be8576 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Mon, 13 Sep 2021 19:10:20 -0500
Subject: [PATCH] Fix timeline scrolling issue, lol "Intersection Observer
 Article", "Block Formatting Context"... I know some of these words

---
 app/styles/components/status.scss | 16 +++++++++++++++-
 app/styles/ui.scss                |  6 ++++++
 2 files changed, 21 insertions(+), 1 deletion(-)

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;
+}