data, logs, logs-content, story, story-content: Fixed form inconsistencies.

marko/page/story/components/story-menu/index.marko

@@ -2,7 +2,7 @@
   <menu-header>Story</menu-header>
   <menu-link key="index" selected=input.selected.index icon="S" href="/story/">Stories</menu-link>
   <menu-link selected=input.selected.tags icon="T" href="/story/tag-list/">Tags</menu-link>
-  <menu-gap />
+  <menu-gap if(input.menuAuthor || input.menuMonth || input.menuTags) />
   <if(input.menuMonth != null)>
     <menu-link selected=(input.selected.special === "month") icon="M" href=("/story/by-month/"+input.menuMonth.url)>${input.menuMonth.text}</menu-link>
   </if>

marko/page/story/components/tags-page/component.js

@@ -8,11 +8,20 @@ module.exports = class {
     this.state = {
       tags: [],
       groups: [],
+      modal: null,
     }
 
     this.update(input.tags)
   }
 
+  open(modal) {
+    this.state.modal = modal
+  }
+
+  close() {
+    this.state.modal = null
+  }
+
   update(newTags) {
     const tags = newTags.map(t => ({
       kind: t.kind,

marko/page/story/components/tags-page/index.marko

@@ -1,14 +1,20 @@
-<div class="tags-page">
-  <h1 class="color-primary">All Tags</h1>
-  <p>These are all distinct tags that appear in at least one listed story.</p>
-  <div class="groups">
-    <div for(group in state.groups) class=["group", group.groupClass]>
-      <h2 class=group.colorClass>${group.header}</h2>
-      <ul>
-        <li for(tag in group.tags)>
-          <a href=tag.url class=group.colorClass>${tag.name}</a>
-        </li>
-      </ul>
+<background src="/assets/images/bg.png" opacity=0.25 />
+<story-menu categories=input.categories selected=(input.selected || {}) user=input.user on-open("open") />
+<main>
+  <div class="tags-page">
+    <h1 class="color-primary">All Tags</h1>
+    <p>These are all distinct tags that appear in at least one listed story.</p>
+    <div class="groups">
+      <div for(group in state.groups) class=["group", group.groupClass]>
+        <h2 class=group.colorClass>${group.header}</h2>
+        <ul>
+          <li for(tag in group.tags)>
+            <a href=tag.url class=group.colorClass>${tag.name}</a>
+          </li>
+        </ul>
+      </div>
     </div>
   </div>
-</div>
+  <add-story-modal enabled=(state.modal === "story.add") stories=input.stories categories=input.categories on-close("close") />
+</main>
+

marko/page/story/tag-list.marko

@@ -1,9 +1,5 @@
 <include("../layout", {title: "Stories", site: "story"})>
   <@body>
-    <background src="/assets/images/bg.png" opacity=0.25 />
-    <story-menu categories=input.categories selected=(input.selected || {}) menuTags=input.menuTags user=input.user />
-    <main>
-      <tags-page tags=input.tags />
-    </main>
+    <tags-page tags=input.tags categories=input.categories selected=(input.selected || {}) menuTags=input.menuTags user=input.user />
   </@body>
 </include>