content, css: commas in additional series nav links

If the CSS works, the CSS works. (Groan)

3 files changed, 12 insertions, 1 deletions

diff --git a/src/content/dependencies/generateAlbumSecondaryNav.js b/src/content/dependencies/generateAlbumSecondaryNav.js
index 2585e171..bfa48f03 100644
--- a/src/content/dependencies/generateAlbumSecondaryNav.js
+++ b/src/content/dependencies/generateAlbumSecondaryNav.js
@@ -97,6 +97,8 @@ export default {
           } else {
             return (
               html.tag('span', {class: 'group-with-series'},
+                {[html.joinChildren]: ''},
+
                 [groupPart, ...seriesParts]));
           }
         });
diff --git a/src/content/dependencies/generateSecondaryNavParentSiblingsPart.js b/src/content/dependencies/generateSecondaryNavParentSiblingsPart.js
index c2051db0..f204f1fb 100644
--- a/src/content/dependencies/generateSecondaryNavParentSiblingsPart.js
+++ b/src/content/dependencies/generateSecondaryNavParentSiblingsPart.js
@@ -69,6 +69,7 @@ export default {
   generate: (relations, slots, {html, language}) =>
     html.tag('span',
       {[html.onlyIfContent]: true},
+      {[html.noEdgeWhitespace]: true},
 
       slots.attributes,
 
diff --git a/src/static/css/site.css b/src/static/css/site.css
index 56a6ad40..d20a0046 100644
--- a/src/static/css/site.css
+++ b/src/static/css/site.css
@@ -851,10 +851,18 @@ a:not([href]):hover {
 }
 
 .series-nav-link:not(:first-child)::before {
-  content: "\0020»\0020";
+  content: "\00a0»\00a0";
   font-weight: normal;
 }
 
+.series-nav-link:not(:last-child)::after {
+  content: ",\00a0";
+}
+
+.series-nav-link + .series-nav-link::before {
+  content: "";
+}
+
 .dot-switcher > span:not(:first-child)::before {
   content: "\0020\00b7\0020";
   font-weight: 800;