Minor layout and style adjustments.

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'])
                 );
 

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);
     }
  }

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