Add padding on logo in header to avoid distortion

egrace479 · egrace479 · commit df04324733a9 · 2025-08-26T15:28:12.000-04:00
header size setting expects square logo, but can't make logo square
setting proportional sizes makes it look distorted, padding worked best
diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css
@@ -22,4 +22,6 @@ based on this suggestion: https://github.com/squidfunk/mkdocs-material/discussio
 .md-header__button.md-logo img, .md-header__button.md-logo svg {
   height: 2.8rem;
   width: 2.8rem;
+  padding-top: .175rem;
+  padding-bottom: .175rem;
 }

Original file line number	Diff line number	Diff line change
`@@ -22,4 +22,6 @@ based on this suggestion: https://github.com/squidfunk/mkdocs-material/discussio`
`22`	`22`	`.md-header__button.md-logo img, .md-header__button.md-logo svg {`
`23`	`23`	`height: 2.8rem;`
`24`	`24`	`width: 2.8rem;`
	`25`	`+ padding-top: .175rem;`
	`26`	`+ padding-bottom: .175rem;`
`25`	`27`	`}`