From 64b4ce3ba9c5c3eeefbba0e7a849ba9854c0e0c9 Mon Sep 17 00:00:00 2001
From: Pablo Vazquez <venomgfx@gmail.com>
Date: Thu, 22 Nov 2018 21:35:27 +0100
Subject: [PATCH] Minor layout and style adjustments.

---
 src/scripts/js/es6/common/templates/nodes/Posts.js |  4 ++--
 src/scripts/js/es6/individual/timeline/Timeline.js |  7 +++----
 src/styles/components/_timeline.sass               | 10 +++++++++-
 3 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/src/scripts/js/es6/common/templates/nodes/Posts.js b/src/scripts/js/es6/common/templates/nodes/Posts.js
index 826faf9a..fd01bb55 100644
--- a/src/scripts/js/es6/common/templates/nodes/Posts.js
+++ b/src/scripts/js/es6/common/templates/nodes/Posts.js
@@ -4,7 +4,7 @@ export class Posts extends NodesBase {
     static create$item(post) {
         let content = [];
         let $title = $('<div>')
-            .addClass('h2 text-uppercase font-weight-bold mt-4 mb-3')
+            .addClass('h1 text-uppercase mt-4 mb-3')
             .text(post.name);
         content.push($title);
         let $post = $('<div>')
@@ -12,7 +12,7 @@ export class Posts extends NodesBase {
                 .append(
                     content,
                     $('<div>')
-                        .addClass('node-details-description mx-auto')
+                        .addClass('node-details-description')
                         .html(post['properties']['pretty_content'])
                 );
 
diff --git a/src/scripts/js/es6/individual/timeline/Timeline.js b/src/scripts/js/es6/individual/timeline/Timeline.js
index 0cec0f7d..df2e0ba9 100644
--- a/src/scripts/js/es6/individual/timeline/Timeline.js
+++ b/src/scripts/js/es6/individual/timeline/Timeline.js
@@ -163,7 +163,7 @@ class GroupBuilder {
         if (secondaryNodes) {
             content.push(
                 $('<div>')
-                    .addClass('card-deck card-padless card-deck-responsive js-asset-list border-bottom p-3 pb-5 mb-5')
+                    .addClass('card-deck card-padless card-deck-responsive js-asset-list p-3 pb-5 mb-5')
                     .append(pillar.templates.Nodes.createListOf$nodeItems(secondaryNodes))
             );
         }
@@ -171,19 +171,18 @@ class GroupBuilder {
     }
 
     _create$Label(level, label, url) {
-        let type = level == 0 ? 'h6 float-right py-2' : 'h6 py-2 group-title'
+        let type = level == 0 ? 'h6 float-right py-2 group-date' : 'h6 py-2 group-title'
         if (url) {
             return $('<div>')
                 .addClass(type + ' sticky-top')
                 .append(
                     $('<a>')
-                        .addClass('text-muted font-weight-bold')
                         .attr('href', url)
                         .text(label)
             );
         }
         return $('<div>')
-            .addClass(type + ' text-secondary sticky-top')
+            .addClass(type + ' sticky-top')
             .text(label);
     }
  }
diff --git a/src/styles/components/_timeline.sass b/src/styles/components/_timeline.sass
index 4d19230c..f16468c1 100644
--- a/src/styles/components/_timeline.sass
+++ b/src/styles/components/_timeline.sass
@@ -3,8 +3,16 @@
         opacity: 0
         animation: fade-in 500ms forwards
 
+    .group-date
+        color: rgba($color-text, .4)
+
     .group-title
-        background-color: $white
+        @extend .border-bottom
+        @extend .bg-white
+        @extend .text-uppercase
+        @extend .font-weight-bold
+        a
+            color: $color-text
 
 body.homepage
     .timeline