Continued from previous commit

Author: sdarwin

gcovr-templates/html/gcovr.js

@@ -1389,17 +1389,18 @@
         var target = document.getElementById(this.getAttribute('href').substring(1));
         if (target) {
           e.preventDefault();
-          // Scroll so the target line sits just below the sticky header
-          var header = document.querySelector('.main-header');
-          var headerBottom = header ? header.getBoundingClientRect().bottom : 0;
-          var gap = 16; // breathing room below header
-          var targetTop = target.getBoundingClientRect().top + window.scrollY;
-          window.scrollTo({ top: targetTop - headerBottom - gap, behavior: 'smooth' });
+          // Scroll within the source-table-container
+          var scrollBox = document.querySelector('.source-table-container');
+          var row = target.closest('tr');
+          if (scrollBox && row) {
+            var thead = scrollBox.querySelector('thead');
+            var theadHeight = thead ? thead.offsetHeight : 0;
+            scrollBox.scrollTo({ top: row.offsetTop - theadHeight - 8, behavior: 'smooth' });
+          }
           history.replaceState(null, '', this.getAttribute('href'));
           // Highlight the target row (clear any previous highlight first)
           var prev = document.querySelector('.highlight-target');
           if (prev) prev.classList.remove('highlight-target');
-          var row = target.closest('tr');
           if (row) row.classList.add('highlight-target');
         }
       });
@@ -1422,7 +1423,16 @@
       var row = el.closest('tr');
       if (row) {
         row.classList.add('highlight-target');
-        if (scroll) row.scrollIntoView({ block: 'center' });
+        if (scroll) {
+          var scrollBox = document.querySelector('.source-table-container');
+          if (scrollBox) {
+            var thead = scrollBox.querySelector('thead');
+            var theadHeight = thead ? thead.offsetHeight : 0;
+            scrollBox.scrollTo({ top: row.offsetTop - theadHeight - 8, behavior: 'smooth' });
+          } else {
+            row.scrollIntoView({ block: 'center' });
+          }
+        }
       }
     }
 

gcovr-templates/html/style.css

@@ -947,9 +947,7 @@ body.sidebar-resizing .main-content {
   min-height: 0;
   display: flex;
   flex-direction: column;
-  padding: 24px;
-  padding-right: 12px;
-  padding-left: 0;
+  padding: 12px 12px 4px 0;
   width: 100%;
   margin-left: 0;
 }
@@ -962,11 +960,10 @@ body.sidebar-resizing .main-content {
 }
 
 .main-footer {
-  padding: 1rem;
+  padding: 4px 8px;
   text-align: center;
   color: var(--text-muted);
   font-size: var(--font-size-xs);
-  border-top: 1px solid var(--border-color);
 }
 
 .main-footer a {
@@ -978,7 +975,7 @@ body.sidebar-resizing .main-content {
    =========================================== */
 
 .summary-section {
-  margin-bottom: 24px;
+  margin-bottom: 12px;
 }
 
 .summary-cards {
@@ -1449,7 +1446,8 @@ body.sidebar-resizing .main-content {
 
 .source-table {
   min-width: 100%;
-  border-collapse: collapse;
+  border-collapse: separate;
+  border-spacing: 0;
   font-family: var(--font-mono);
   font-size: var(--font-size-code);
   line-height: 1.2;
@@ -1468,6 +1466,7 @@ body.sidebar-resizing .main-content {
   font-weight: 600;
   text-align: left;
   border-bottom: 1px solid var(--border-color);
+  border-bottom: 1px solid var(--border-color);
   white-space: nowrap;
 }