From e07c09f022666cc6466f9d5a02d959ad0af364c0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?benjamin=20melan=C3=A7on?= <ben@agaric.com>
Date: Wed, 12 Dec 2018 03:29:20 -0500
Subject: [PATCH] Put more about tags in the flow & style 'em more subtle

---
 agaric/sass/agaric/_base.typography.scss         | 14 ++++++++++++++
 .../templates/field/field--field-tags.html.twig  | 16 +++++++++-------
 2 files changed, 23 insertions(+), 7 deletions(-)

diff --git a/agaric/sass/agaric/_base.typography.scss b/agaric/sass/agaric/_base.typography.scss
index 19cffe7..f4f3b88 100644
--- a/agaric/sass/agaric/_base.typography.scss
+++ b/agaric/sass/agaric/_base.typography.scss
@@ -110,6 +110,20 @@
   }
 }
 
+// Tags ("More about")
+
+.more-about-label,
+.more-about-label:not(:last-child) {
+  margin-bottom: 0.666rem;
+}
+
+.more-about-tags {
+  margin-top: 0;
+  a {
+    color: $blue-light;
+  }
+}
+
 
 // Paragraph
 //
diff --git a/agaric/templates/field/field--field-tags.html.twig b/agaric/templates/field/field--field-tags.html.twig
index ade22b1..017279b 100644
--- a/agaric/templates/field/field--field-tags.html.twig
+++ b/agaric/templates/field/field--field-tags.html.twig
@@ -20,10 +20,12 @@
  */
 #}
 
-<h3 class="subtitle is-mono is-4">More about...</h3>
-<p>
-{% for item in items %}
-  {% if loop.length > 1 and loop.index == loop.length %}and {% endif %}
-  <strong>{{ item.content }}</strong>{% if loop.length > 2 and not loop.last %}, {% endif %}
-{% endfor %}
-</p>
+<div class="flow_middle">
+  <h3 class="more-about-label subtitle is-mono is-5">More about...</h3>
+  <p class="more-about-tags">
+  {% for item in items %}
+    {% if loop.length > 1 and loop.index == loop.length %}and {% endif %}
+    {{ item.content }}{% if loop.length > 2 and not loop.last %}, {% endif %}
+  {% endfor %}
+  </p>
+</div>