From f0ac25cf35369ecaf6ae60b9397910d38a71b99f Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Mon, 6 Jan 2025 17:57:24 -0500
Subject: [PATCH] UX: adjust mobile to avoid progress bar jitter (#30591)

---
 app/assets/stylesheets/mobile/topic-footer.scss | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/app/assets/stylesheets/mobile/topic-footer.scss b/app/assets/stylesheets/mobile/topic-footer.scss
index eb07760625c..3383de66892 100644
--- a/app/assets/stylesheets/mobile/topic-footer.scss
+++ b/app/assets/stylesheets/mobile/topic-footer.scss
@@ -1,8 +1,14 @@
-.container.posts .topic-navigation {
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
+.container.posts {
+  grid-template-areas: "posts";
+  .topic-navigation {
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+    grid-area: posts;
+    grid-row: 3;
+  }
 }
+
 html:not(.anon) #topic-footer-buttons {
   .topic-footer-main-buttons {
     width: 100%;