Fix source markdown link positioning in docs (#66)

- Insert link inside the <h1> tag instead of prepending before content
- Add explicit width/height on SVG to prevent it from expanding to fill container
- Use float:right to position on the right side of the title line

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>

Author: 3 people

docs/assets/extra.css

@@ -40,17 +40,16 @@ body[data-md-page-path="demo/"] .md-content {
 
 .md-source-file-link {
   float: right;
-  margin-top: 0.4em;
   opacity: 0.5;
   transition: opacity 0.2s;
+  line-height: 1;
 }
 
 .md-source-file-link:hover {
   opacity: 1;
 }
 
 .md-source-file-link svg {
-  width: 1.2em;
-  height: 1.2em;
   fill: currentColor;
+  vertical-align: middle;
 }

hooks/copy_source_markdown.py

@@ -10,15 +10,21 @@ def on_page_content(html: str, page, config, files) -> str:  # noqa: ARG001
         md_url = f"../{src_path.name}"
 
     svg_icon = (
-        '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">'
+        '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"'
+        ' width="18" height="18">'
         '<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 '
         '2-2V8l-6-6m4 18H6V4h7v5h5v11M13 9V3.5L18.5 9H13Z"/></svg>'
     )
     source_link = (
         f'<a href="{md_url}" title="View markdown source"'
-        f' class="md-source-file-link">{svg_icon}</a>\n'
+        f' class="md-source-file-link">{svg_icon}</a>'
     )
 
+    # Insert inside the <h1> tag (before the headerlink) so it renders inline
+    h1_close = html.find("</h1>")
+    if h1_close >= 0:
+        return html[:h1_close] + source_link + html[h1_close:]
+
     return source_link + html