fix(theme): align badges in h1 and h2 (#5087) (closes #5063)

seekskyworld · web-flow · commit b2008654ffaf · 2026-01-12T10:45:38.000+05:30
diff --git a/src/client/theme-default/components/VPBadge.vue b/src/client/theme-default/components/VPBadge.vue
@@ -39,15 +39,14 @@ withDefaults(defineProps<Props>(), {
   display: none;
 }
 
-.vp-doc h1 > .VPBadge {
-  margin-top: 4px;
-  vertical-align: top;
+.vp-doc h1 > .VPBadge,
+.vp-doc h2 > .VPBadge {
+  margin: 0 0 0 2px;
+  vertical-align: middle;
 }
 
 .vp-doc h2 > .VPBadge {
-  margin-top: 3px;
   padding: 0 8px;
-  vertical-align: top;
 }
 
 .vp-doc h3 > .VPBadge {

Original file line number	Diff line number	Diff line change
`@@ -39,15 +39,14 @@ withDefaults(defineProps<Props>(), {`
`39`	`39`	`display: none;`
`40`	`40`	`}`
`41`	`41`
`42`		`-.vp-doc h1 > .VPBadge {`
`43`		`- margin-top: 4px;`
`44`		`- vertical-align: top;`
	`42`	`+.vp-doc h1 > .VPBadge,`
	`43`	`+.vp-doc h2 > .VPBadge {`
	`44`	`+ margin: 0 0 0 2px;`
	`45`	`+ vertical-align: middle;`
`45`	`46`	`}`
`46`	`47`
`47`	`48`	`.vp-doc h2 > .VPBadge {`
`48`		`- margin-top: 3px;`
`49`	`49`	`padding: 0 8px;`
`50`		`- vertical-align: top;`
`51`	`50`	`}`
`52`	`51`
`53`	`52`	`.vp-doc h3 > .VPBadge {`