story-content: Improved visibility of chapter title.

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 />

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;