story-content: Changed tag form style and defaults.

marko/page/story-content/components/edit-story-tags-modal/component.js

@@ -19,6 +19,11 @@ module.exports = class {
   }
 
   addTag(tag) {
+    if (tag.kind == "" || tag.name.length < 1) {
+      this.state.error = "You cannot add an empty tag"
+      return
+    }
+
     this.state.error = null
 
     storyApi.addTag({id: this.input.story.id, tag}).then(({tags}) => {

marko/page/story-content/components/story-tag-options/component.js

@@ -5,7 +5,7 @@ module.exports = class {
     this.state = {
       values: {
         name: "",
-        kind: "Event",
+        kind: "Character",
       },
       tags: [],
       suggestions: [],
@@ -27,7 +27,7 @@ module.exports = class {
         this.state.suggestions = []
 
         const suggestions = this.state.tags.filter(t => t.name.toLowerCase().includes(search))
-        if (suggestions.length > 0 && suggestions.length < 10) {
+        if (suggestions.length > 0 && suggestions.length < 20) {
           if (suggestions.length > 1 || suggestions[0].name !== name) {
             this.state.suggestions = suggestions
           }

marko/page/story-content/components/story-tag-options/style.less

@@ -16,11 +16,11 @@ div.tag-options {
   }
 
   div.suggestion-list {
-    margin-top: 1em;
+    margin: 2em 0;
 
     a.tag {
       display: inline-block;
-      margin: 0.5em 0.5ch;
+      margin: 0.25em 0.5ch;
       padding: 0.0625em 0.5ch;
   
       outline: 1px solid;
@@ -34,7 +34,7 @@ div.tag-options {
     }
   
     div.header {
-      display: inline-block;
+      display: block;
       margin: 0.5em 0.5ch;
       padding: 0.0625em 0.5ch;