From abfbb1981b3326e4d40dc564d25d7eb8aa29a212 Mon Sep 17 00:00:00 2001
From: nmemmert <nmemmert@users.noreply.github.com>
Date: Mon, 28 Sep 2026 12:50:47 -0400
Subject: [PATCH] Fix newsletter issue pages rendering left-aligned on white;
 v2.3.1

The Resend email HTML uses align="left" on its outer wrapper table and a
white background, both fine inside a narrow inbox pane but broken in a
full-width browser tab: the content stuck to the left edge with a large
white field to its right. Override with CSS that centers the content and
matches the site's dark background.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 package.json                | 2 +-
 server/routes/newsletter.js | 9 +++++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 2b97a02..0516db8 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "siteforge",
   "private": true,
-  "version": "2.3.0",
+  "version": "2.3.1",
   "type": "module",
   "scripts": {
     "dev": "vite",
diff --git a/server/routes/newsletter.js b/server/routes/newsletter.js
index 780b065..bc8a67c 100644
--- a/server/routes/newsletter.js
+++ b/server/routes/newsletter.js
@@ -76,6 +76,15 @@ function buildIssuePageHtml(issue) {
 <meta name="twitter:description" content="${description}"/>
 <meta name="twitter:image" content="${escapeHtml(ogImage)}"/>
 <link rel="canonical" href="${escapeHtml(canonical)}"/>
+<style>
+/* The source HTML is a Resend/React Email template built for a narrow email-client
+   viewport: its outer wrapper table uses align="left" (which browsers translate to
+   float: left) and relies on the surrounding white to be invisible in a ~600px inbox
+   pane. In a full-width browser tab that leaves a left-stuck column on a white field.
+   Force it to sit centered on the site's dark background instead. */
+html, body { background-color: #0a0a08 !important; margin: 0; padding: 0; }
+table[align="left"] { float: none !important; margin-left: auto !important; margin-right: auto !important; }
+</style>
 </head>`
 
   const ctaBlock = `