Five targeted fixes applied to all 11 ink templates:
1. Convert table/tr/tbody to display:block on mobile so the
block-level stacking of <td> elements works correctly.
2. Add box-sizing:border-box to all <td> elements to prevent
padding from pushing content beyond the viewport width.
3. Add word-break:break-word + overflow-wrap:break-word to
table, td, th elements to force long text to wrap.
4. Add white-space:pre-wrap + word-break:break-all to <pre>
and <code> to prevent horizontal scroll from code blocks.
5. Add max-width:100% + height:auto to all images, and
max-width:100% to nested tables.
6. Remove invalid table-layout:fixed from <center> tag
(was CSS property on wrong element — had no effect).
Also reduced mobile padding from 28px to 16px for more
usable content width on narrow screens.
Co-Authored-By: Claude <noreply@anthropic.com>
Quick Info sidebar now stacks below main content at <=480px viewports
via CSS class instead of fragile inline styles.
- Added .email-sidebar base style (extracted from inline styles)
- Added responsive rule: width:100%, display:block, removes left border,
adds top border separator when stacked vertically
- All 11 ink templates updated consistently
Co-Authored-By: Claude <noreply@anthropic.com>
Fixes introduced by the CSS class-based refactor (1712f77) that changed
visual layout, spacing, colors, and content rendering:
**Container/border displacement (neon):**
- Move background, border, box-shadow back to .email-wrap (outermost)
- Restore .email-card to padding-only; add color for content inheritance
- Fix link box padding, link label color, button margin, link URL padding
**Layout restructuring (ink, mono):**
- ink: Move button + link-box back into left column (was moved to
separate full-width row); remove incorrectly-added divider
- mono: Remove incorrectly-added divider; restore link-box margin-top
**CSS specificity conflict (ink):**
- Exclude .email-btn from .card-body a rule to prevent button text
being overridden to same color as background
**Content class cleanup (neon, terminal, terra):**
- Remove .aurora-content (aurora-specific) copied into other themes
- Replace with theme-appropriate .card-body scoped rules where needed
**Content color/contrast (horizon):**
- Fix .horizon-content in release.tmpl from dark-theme colors
(#e2e8f0 on white) to light-theme colors matching issue/default.tmpl
- Fix .email-heading color to #1e293b for heading distinction
**register_notify text_3 placement:**
- Restore per-theme original design: inside .email-subtext (mono, ink)
vs standalone <p> after button (heritage, horizon)
- Move raw text in button row into proper <p> elements
**Button CSS pattern (bloom):**
- Remove redundant inline style/bgcolor from button <td> (already in CSS)
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
- Fix INK theme: replace .ActiveCodeLives with correct field, remove from non-auth contexts (8 files)
- Fix hardcoded button text: use locale key mail.view_it_on in ember, heritage, ink, mono, terminal, terra (30+ files)
- Add missing {{if .CanReply}}mail.reply{{end}} block to all 10 themes default.tmpl
- Add missing mail.release.note locale label to all 10 themes release.tmpl
- Add missing mail.team_invite.text_3 to ink and terra team_invite.tmpl
- Add missing blockquote CSS to aurora, ink, mono, neon, terra default.tmpl
Verified: all 110 templates compile successfully with Go build-preview.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
KenanZhuandClaude