Adapt add-anchor-to-header-from-header-id to handle <hn><a></a></hn>

Now the hook creates a wrapping <span> to put the header and it's existing link
inside, and add the new anchor as a sibling.

1 files changed, 15 insertions, 3 deletions

diff --git a/styles.css b/styles.css
index 68444ae..97a3a0f 100644
--- a/styles.css
+++ b/styles.css
@@ -112,15 +112,27 @@ a.code-line-anchor:hover {
 
 /* Header anchor */
 
-a.header-anchor {
+span.header-anchor {
   color: black;
   text-decoration: none;
+  display: block;
+  margin-bottom: 15px;
 }
 
-a.header-anchor img {
+span.header-anchor h1,
+span.header-anchor h2,
+span.header-anchor h3,
+span.header-anchor h4,
+span.header-anchor h5,
+span.header-anchor h6 {
+  display: inline;
+}
+
+
+span.header-anchor img {
   visibility: hidden;
 }
 
-a.header-anchor:hover img {
+span.header-anchor:hover img {
   visibility: visible;
 }