From 541b6a8446663364ba554326b8f536dc11d44105 Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Mon, 22 Oct 2018 22:16:15 -0400
Subject: [PATCH] UX: Allow vertical timeline to fit on narrower screens

---
 .../javascripts/discourse/components/topic-navigation.js.es6    | 2 +-
 app/assets/stylesheets/common/topic-timeline.scss               | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/assets/javascripts/discourse/components/topic-navigation.js.es6 b/app/assets/javascripts/discourse/components/topic-navigation.js.es6
index bc8ac812b03..b4b840cb6bc 100644
--- a/app/assets/javascripts/discourse/components/topic-navigation.js.es6
+++ b/app/assets/javascripts/discourse/components/topic-navigation.js.es6
@@ -35,7 +35,7 @@ export default Ember.Component.extend(PanEvents, {
           height -= $("#reply-control").height();
         }
 
-        renderTimeline = width > 960 && height > 520;
+        renderTimeline = width > 924 && height > 520;
       }
 
       info.setProperties({
diff --git a/app/assets/stylesheets/common/topic-timeline.scss b/app/assets/stylesheets/common/topic-timeline.scss
index d535a898d14..7e9b2200f5f 100644
--- a/app/assets/stylesheets/common/topic-timeline.scss
+++ b/app/assets/stylesheets/common/topic-timeline.scss
@@ -180,7 +180,7 @@
 
   .topic-timeline {
     margin-left: 3em;
-    width: 150px;
+    max-width: 135px;
     transition: opacity 0.2s ease-in;
     touch-action: none;