make small, small, space headerlinks, and hide it if not hovered over

content/media/css/custom.css

@@ -1,3 +1,18 @@
+.small {
+  font-size: 80%;
+}
+
+a.headerlink {
+  /* give some space to para links */
+  margin-left: .2em;
+  /* hide until hover */
+  display: none;
+}
+
+*:hover > .headerlink {
+    display: unset;
+}
+
 ul.tags {
     list-style-type: none;
 }