content, css: try new language for descendant tags

3 files changed, 27 insertions, 11 deletions

diff --git a/src/content/dependencies/generateArtTagGalleryPage.js b/src/content/dependencies/generateArtTagGalleryPage.js
index 474512da..b633e58f 100644
--- a/src/content/dependencies/generateArtTagGalleryPage.js
+++ b/src/content/dependencies/generateArtTagGalleryPage.js
@@ -183,13 +183,15 @@ export default {
           ],
 
           relations.ancestorLinks &&
-            html.tag('p', {class: 'quick-info'},
+            html.tag('p', {id: 'descends-from-line'},
+              {class: 'quick-info'},
               language.$(pageCapsule, 'descendsFrom', {
-                tags: language.formatConjunctionList(relations.ancestorLinks),
+                tags: language.formatUnitList(relations.ancestorLinks),
               })),
 
           relations.descendantLinks &&
-            html.tag('p', {class: 'quick-info'},
+            html.tag('p', {id: 'descendants-line'},
+              {class: 'quick-info'},
               language.$(pageCapsule, 'descendants', {
                 tags: language.formatUnitList(relations.descendantLinks),
               })),
diff --git a/src/static/css/site.css b/src/static/css/site.css
index eca735d5..c44d0cfe 100644
--- a/src/static/css/site.css
+++ b/src/static/css/site.css
@@ -2013,6 +2013,20 @@ html[data-language-code="preview-en"][data-url-key="localized.home"] #content h1
 
 /* Specific pages - art tag gallery */
 
+html[data-url-key="localized.artTagGallery"] #descends-from-line {
+  margin-bottom: 0.25em;
+}
+
+html[data-url-key="localized.artTagGallery"] #descendants-line {
+  margin-top: 0.25em;
+}
+
+html[data-url-key="localized.artTagGallery"] #descends-from-line a,
+html[data-url-key="localized.artTagGallery"] #descendants-line a {
+  display: inline-block;
+}
+
+
 html[data-url-key="localized.artTagGallery"] #featured-direct-line,
 html[data-url-key="localized.artTagGallery"] #featured-indirect-line,
 html[data-url-key="localized.artTagGallery"] #showing-direct-line,
diff --git a/src/strings-default.yaml b/src/strings-default.yaml
index 29994b52..574f9922 100644
--- a/src/strings-default.yaml
+++ b/src/strings-default.yaml
@@ -1308,7 +1308,7 @@ artTagInfoPage:
     _: "View this tag's {LINK}!"
     link: "art gallery"
 
-  readMoreOn: "Read more about {TAG} on {LINKS}."
+  readMoreOn: "Read more about '{TAG}' on {LINKS}."
 
   seeAlso:
     _: "See also: {TAGS}"
@@ -1322,27 +1322,27 @@ artTagInfoPage:
       This tag is featured in {ARTWORKS}.
 
     indirectlyOnly: >-
-      This tag is featured in {ARTWORKS}, but only indirectly - have a look at its descendant tags!
+      This tag is featured in {ARTWORKS}, but only indirectly.
 
     directlyAndIndirectly: >-
       This tag is directly featured in {ARTWORKS_DIRECTLY}, and indirectly in {ARTWORKS_INDIRECTLY} more, for a total of {ARTWORKS_TOTAL}.
 
   descendsFromTags:
-    _: "Tags that {TAG} descends from:"
+    _: "Tags which '{TAG}' falls under:"
     item: "{TAG}"
 
   descendantTags:
-    _: "Tags that descend from {TAG}:"
+    _: "Tags which fall under '{TAG}':"
 
     item:
       _: "{TAG}"
 
       withGallery:
         _: "{TAG} ({GALLERY})"
-        gallery: "Gallery"
+        gallery: "view gallery"
 
       withTimesUsed: "{TAG} ({TIMES_USED})"
-      withGallery.withTimesUsed: "{TAG} ({GALLERY}, {TIMES_USED})"
+      withGallery.withTimesUsed: "{TAG} ({GALLERY}; {TIMES_USED})"
 
 #
 # artTagGalleryPage:
@@ -1357,8 +1357,8 @@ artTagInfoPage:
 artTagGalleryPage:
   title: "{TAG}"
 
-  descendsFrom: "Descends from {TAGS}."
-  descendants: "Direct descendants: {TAGS}."
+  descendsFrom: "Up: {TAGS}."
+  descendants: "Down: {TAGS}."
 
   featuredLine:
     all: >-