From 657c137384b8c674e8ce87510cb2d60e4c1e6743 Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Fri, 3 Dec 2021 13:48:26 -0500
Subject: [PATCH] UX: Prevent overflow on mobile timeline dates (#15182)

---
 app/assets/stylesheets/common/topic-timeline.scss | 2 --
 app/assets/stylesheets/mobile/topic.scss          | 6 ++++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/assets/stylesheets/common/topic-timeline.scss b/app/assets/stylesheets/common/topic-timeline.scss
index 159e82097c1..ca1380b3cf7 100644
--- a/app/assets/stylesheets/common/topic-timeline.scss
+++ b/app/assets/stylesheets/common/topic-timeline.scss
@@ -72,7 +72,6 @@
       touch-action: none;
 
       .timeline-date-wrapper {
-        float: right;
         text-align: right;
       }
       .post-excerpt {
@@ -142,7 +141,6 @@
         border-right-style: solid;
         border-right-width: 1px;
         max-width: 120px;
-        margin-top: 2em;
 
         .timeline-scroller {
           position: relative;
diff --git a/app/assets/stylesheets/mobile/topic.scss b/app/assets/stylesheets/mobile/topic.scss
index ec5b6202ddc..9ad066ee287 100644
--- a/app/assets/stylesheets/mobile/topic.scss
+++ b/app/assets/stylesheets/mobile/topic.scss
@@ -115,8 +115,10 @@ sub sub {
 .topic-timeline {
   .start-date,
   .now-date {
-    font-size: $font-up-1;
-    padding: 5px;
+    padding: 0.5em 0;
+  }
+  .timeline-scrollarea-wrapper .timeline-date-wrapper {
+    @include ellipsis;
   }
   .topic-category {
     margin-bottom: 0.5rem;