fix(docs-infra): use margin instead of padding to prevent heading hover overflow

MeAkib · thePunderWoman · commit f53f878e0fdf · 2026-01-12T13:38:46.000-08:00
Replaced padding-block-start with margin-block-start on
.docs-reference-section-heading to prevent anchor hover and click areas from extending into empty space above the heading. This ensures hover behavior aligns with the visible text.
diff --git a/adev/shared-docs/styles/_reference.scss b/adev/shared-docs/styles/_reference.scss
@@ -64,10 +64,10 @@
   }
 
   .docs-reference-section-heading {
-    padding-block-start: 3rem;
+    margin-block-start: 3rem;
 
     &--sub {
-      padding-block-start: 1rem;
+      margin-block-start: 1rem;
     }
 
     & > a {

Original file line number	Diff line number	Diff line change
`@@ -64,10 +64,10 @@`
`64`	`64`	`}`
`65`	`65`
`66`	`66`	`.docs-reference-section-heading {`
`67`		`- padding-block-start: 3rem;`
	`67`	`+ margin-block-start: 3rem;`
`68`	`68`
`69`	`69`	`&--sub {`
`70`		`- padding-block-start: 1rem;`
	`70`	`+ margin-block-start: 1rem;`
`71`	`71`	`}`
`72`	`72`
`73`	`73`	`& > a {`