From b57873091b690bc2a3d6bf46012c35f8a72c09cf Mon Sep 17 00:00:00 2001
From: Gisle Aune <dev@gisle.me>
Date: Thu, 1 Nov 2018 19:51:14 +0100
Subject: [PATCH] story-content: Improved visibility of chapter title.

---
 marko/page/story-content/components/chapter/index.marko | 2 +-
 marko/page/story-content/components/chapter/style.less  | 9 ++++++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/marko/page/story-content/components/chapter/index.marko b/marko/page/story-content/components/chapter/index.marko
index 4f4b138..de71d06 100644
--- a/marko/page/story-content/components/chapter/index.marko
+++ b/marko/page/story-content/components/chapter/index.marko
@@ -1,5 +1,6 @@
 <div class="story-chapter">
   <a class="anchor" id=input.chapter.id />
+  <h1 if(input.chapter.title) class="title color-primary">${input.chapter.title}</h1>
   <div class="metadata">
     <div class="options color-menu">
       <if-permitted user=input.user author=input.chapter.author permission="chapter.edit">
@@ -12,7 +13,6 @@
         <a on-click("open", "remove") >Remove</a>
       </if-permitted>
     </div>
-    <chapter-meta kind="title" value=input.chapter.title />
     <chapter-meta kind="date" utc=true value=input.chapter.fictionalDate />
     <chapter-meta weak kind="date" value=input.chapter.createdDate />
     <chapter-meta weak kind="author" value=input.chapter.author />
diff --git a/marko/page/story-content/components/chapter/style.less b/marko/page/story-content/components/chapter/style.less
index a9dda1c..6cd01a3 100644
--- a/marko/page/story-content/components/chapter/style.less
+++ b/marko/page/story-content/components/chapter/style.less
@@ -1,5 +1,12 @@
 .story-chapter {
-  padding-bottom: 1em;
+  padding-bottom: 2em;
+
+  h1.title {
+    border-bottom: 1px solid rgba(34, 187, 255, 0.25);
+    font-size: 1.75em;
+    margin: 0;
+    padding-bottom: 0.125em;
+  }
 
   .metadata {
     padding: 0;