From a35842e369f80ab81964a4088af1ceb62d538411 Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Thu, 7 Sep 2023 18:26:35 -0400
Subject: [PATCH] UX: fix mobile timeline footer button positioning (#23470)

---
 app/assets/stylesheets/common/topic-timeline.scss | 13 ++-----------
 1 file changed, 2 insertions(+), 11 deletions(-)

diff --git a/app/assets/stylesheets/common/topic-timeline.scss b/app/assets/stylesheets/common/topic-timeline.scss
index 2d796d0a5ef..5b5365c94a5 100644
--- a/app/assets/stylesheets/common/topic-timeline.scss
+++ b/app/assets/stylesheets/common/topic-timeline.scss
@@ -26,6 +26,8 @@
     .topic-timeline {
       .timeline-footer-controls {
         display: flex;
+        flex-wrap: wrap;
+        max-width: calc(100% - 9em); // 9em is the width of the timeline
       }
     }
     .timeline-controls {
@@ -114,14 +116,6 @@
         bottom: 20px;
         left: 10px;
 
-        .topic-notifications-button {
-          margin-right: 0.5em;
-        }
-
-        .jump-to-post {
-          margin-bottom: 0.5em;
-        }
-
         .topic-admin-menu-button-container {
           display: flex;
         }
@@ -207,9 +201,6 @@
         margin-right: 0;
       }
     }
-    .show-summary {
-      margin-bottom: 0.5em;
-    }
 
     .start-date {
       color: var(--primary-med-or-secondary-med);