story-content, logs-content: Changed text width from 75 to 90 characters, added grouping of multipart log posts, and darkened background.

marko/page/logs-content/components/post/index.marko

@@ -1,4 +1,6 @@
-<div if(!state.removed) class=["post", component.kindClass("post-type")]>
+$ const multipart = (input.post.nick == input.prev.nick && input.prev.multipart !== false);
+
+<div if(!state.removed) class=["post", component.kindClass("post-type"), multipart ? "multipart" : null]>
   <div class="post-meta-row">
     <div class="options color-menu">
       <if-permitted user=input.user permission="post.move">
@@ -24,7 +26,8 @@
     <markdown class="post-content post-scene" source=state.text />
   </div>
   <div if(input.post.kind === "action") class="post-body color-text">
-    <markdown class="post-content post-action" source=(state.shortName + state.nameSuffix + " " + state.text) />
+    $ const prefix = (!multipart ? state.shortName + state.nameSuffix + " " : "");
+    <markdown class="post-content post-action" source=(prefix + state.text) />
   </div>
    <div if(input.post.kind === "text") class="post-body color-text">
     <markdown class="post-content post-text" source=state.text />

marko/page/logs-content/components/post/style.less

@@ -10,7 +10,7 @@ div.post {
     position: absolute;
     text-align: right;
     width: calc(100% - 35.5ch);
-    max-width: 75ch;
+    max-width: 95ch;
 
     a {
       display: inline-block;
@@ -53,4 +53,14 @@ div.post {
     margin-top: 0;
     padding-top: 0;
   }
+}
+
+div.post.multipart {
+  margin-top: -1.25em;
+
+  div.post-meta {
+    span {
+      display: none;
+    }
+  }
 }