Fix blockcell published page spacing to match birdseye viewer

loganj · claude · loganj · commit e226bf19ee68 · 2026-02-09T22:11:15.000-05:00
The aggressive CSS reset `* { margin: 0; padding: 0 }` was stripping
default browser margins from all prose elements (p, h1-h6, pre, ul, ol,
blockquote), making published pages look cramped. Birdseye's own viewer
only resets box-sizing globally and lets browser defaults provide natural
paragraph/heading spacing. Also aligns the font stack (Roboto fallback).

Co-Authored-By: Claude Opus 4.6 &lt;noreply@anthropic.com&gt;
diff --git a/internal/publish/render.go b/internal/publish/render.go
@@ -116,8 +116,8 @@ document.addEventListener('DOMContentLoaded', function() {
 }
 
 const pageCSS = `
-* { margin: 0; padding: 0; box-sizing: border-box; }
-body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; color: #333; background: #f8f9fa; }
+* { box-sizing: border-box; }
+body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; margin: 0; padding: 0; color: #333; background: #f8f9fa; }
 .layout { display: grid; grid-template-columns: 260px 1fr; min-height: 100vh; }
 
 /* Sidebar */

Original file line number	Diff line number	Diff line change
`@@ -116,8 +116,8 @@ document.addEventListener('DOMContentLoaded', function() {`
`116`	`116`	`}`
`117`	`117`
`118`	`118`	const pageCSS = `
`119`		`-* { margin: 0; padding: 0; box-sizing: border-box; }`
`120`		`-body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; color: #333; background: #f8f9fa; }`
	`119`	`+* { box-sizing: border-box; }`
	`120`	`+body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; margin: 0; padding: 0; color: #333; background: #f8f9fa; }`
`121`	`121`	`.layout { display: grid; grid-template-columns: 260px 1fr; min-height: 100vh; }`
`122`	`122`
`123`	`123`	`/* Sidebar */`