Merge pull request #438 from nickwynja/thread-separator

Adds visual separator between different threads

src/assets/style.css

@@ -131,6 +131,13 @@ section header a {
   margin-left: var(--size--2);
 }
 
+/* For use with elements specific for
+ * rendering in a text browser and intended
+ * to be hidden in a graphical browser. */
+.text-browser {
+  display: none;
+}
+
 section > footer > div > a,
 section > footer > div > form > button {
   color: var(--fg-status);

src/views/index.js

@@ -20,6 +20,7 @@ const {
   h2,
   head,
   header,
+  hr,
   html,
   img,
   input,
@@ -457,8 +458,10 @@ const post = ({ msg, aside = false }) => {
     )
   );
 
+  const threadSeparator = [div({ class: "text-browser" }, hr(), br())];
+
   if (aside) {
-    return [fragment, postAside(msg)];
+    return [fragment, postAside(msg), isRoot ? threadSeparator : null];
   } else {
     return fragment;
   }