review suggestions

Author: kaitlynmichael

assets/css/index.css

@@ -39,6 +39,7 @@ section.prose {
 .header-link {
   @apply text-slate-400 hover:text-slate-600 transition-all duration-200 no-underline cursor-pointer;
   text-decoration: none !important;
+  vertical-align: baseline;
 }
 
 .header-link:hover {
@@ -48,6 +49,7 @@ section.prose {
 
 .header-link svg {
   @apply w-4 h-4 inline-block;
+  vertical-align: baseline;
 }
 
 /* Ensure header links don't interfere with prose styling */

layouts/_default/_markup/render-heading.html

@@ -3,8 +3,8 @@
 {{- $text := .Text | safeHTML -}}
 <h{{ $level }} id="{{ $anchor }}" class="group relative">
   {{ $text }}
-  <a href="#{{ $anchor }}" class="header-link opacity-0 group-hover:opacity-100 transition-opacity duration-200 ml-2 align-middle" aria-label="Link to this section" title="Copy link to clipboard">
-    <svg class="inline-block w-4 h-4" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+  <a href="#{{ $anchor }}" class="header-link opacity-0 group-hover:opacity-100 transition-opacity duration-200 ml-1 align-baseline" aria-label="Link to this section" title="Copy link to clipboard">
+    <svg class="inline-block w-4 h-4 align-baseline" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
       <path fill-rule="evenodd" d="M12.586 4.586a2 2 0 112.828 2.828l-3 3a2 2 0 01-2.828 0 1 1 0 00-1.414 1.414 4 4 0 005.656 0l3-3a4 4 0 00-5.656-5.656l-1.5 1.5a1 1 0 101.414 1.414l1.5-1.5zm-5 5a2 2 0 012.828 0 1 1 0 101.414-1.414 4 4 0 00-5.656 0l-3 3a4 4 0 105.656 5.656l1.5-1.5a1 1 0 10-1.414-1.414l-1.5 1.5a2 2 0 11-2.828-2.828l3-3z" clip-rule="evenodd"></path>
     </svg>
   </a>

static/js/index.js

@@ -110,6 +110,10 @@ const mobileMenu = (() => {
     const href = linkElement.getAttribute('href')
     const fullUrl = window.location.origin + window.location.pathname + href
 
+    // Update the URL hash to provide immediate visual feedback
+    window.location.hash = href
+
+    // Copy to clipboard
     if (navigator.clipboard && navigator.clipboard.writeText) {
       navigator.clipboard.writeText(fullUrl).then(() => {
         showCopyFeedback(linkElement)
@@ -133,7 +137,7 @@ const mobileMenu = (() => {
     setTimeout(() => {
       linkElement.setAttribute('title', originalTitle)
       linkElement.classList.remove('copied')
-    }, 1500)
+    }, 2000)
   }
 
   // Fallback copy method for older browsers