From 2e41b7a4ddf98fc50c776e5652781f533d3e5a19 Mon Sep 17 00:00:00 2001
From: Pablo Vazquez <pablo@blender.org>
Date: Wed, 22 Jul 2020 18:32:35 +0200
Subject: [PATCH] Blender Cloud: Fix responsive issues on timeline.

---
 src/scripts/js/es6/common/templates/nodes/Posts.js |  2 +-
 src/styles/components/_timeline.sass               | 14 ++++++++++++++
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/scripts/js/es6/common/templates/nodes/Posts.js b/src/scripts/js/es6/common/templates/nodes/Posts.js
index f60c8aba..283b30fd 100644
--- a/src/scripts/js/es6/common/templates/nodes/Posts.js
+++ b/src/scripts/js/es6/common/templates/nodes/Posts.js
@@ -10,7 +10,7 @@ export class Posts extends NodesBase {
         let $title = $('<a>')
             .attr('href', '/nodes/' + post._id + '/redir')
             .attr('title', post.name)
-            .addClass('h1 text-uppercase font-weight-bold d-block pt-5 pb-2')
+            .addClass('timeline-post-title')
             .text(post.name);
         content.push($title);
         let $post = $('<div>')
diff --git a/src/styles/components/_timeline.sass b/src/styles/components/_timeline.sass
index 0a5c8b0c..b80635ca 100644
--- a/src/styles/components/_timeline.sass
+++ b/src/styles/components/_timeline.sass
@@ -28,6 +28,20 @@
 			margin-bottom: 2rem
 			margin-top: 2rem
 
+.timeline-post-title
+	display: block
+	font-size: $h3-font-size
+	font-weight: bold
+	line-height: initial
+	padding-top: 1rem
+	padding-bottom: 1rem
+	text-transform: uppercase
+
+	+media-sm
+		font-size: $h1-font-size
+		padding-top: 3rem
+		padding-bottom: 2rem
+
 body.homepage
 	.timeline
 		.sticky-top