Move the header link icon to the end

assets/css/bobastyle.css

@@ -49,19 +49,6 @@
   color: inherit;
 }
 
-.section-header {
-  position: relative;
-}
-
-.section-header a:hover {
-  text-decoration: none;
-}
-
-.section-header-link {
-  position: absolute;
-  left: -20px;
-}
-
 .section-header-link svg {
   width: 15px;
   height: 15px;

layouts/_default/_markup/render-heading.html

@@ -1,8 +1,8 @@
 <h{{ .Level }} id="{{ .Anchor | safeURL }}" class="section-header">
+    {{ .Text | safeHTML }}
     <a href="#{{ .Anchor | safeURL }}">
         <span class="section-header-link">
             {{ partial "icon.html" "link" }}
         </span>
-        {{ .Text | safeHTML }}
     </a>
 </h{{ .Level }}>