ContentGrapher
ContentGrapher
← Changelog
Fixed2026-05-27

Report page now readable on mobile

The analysis report and shared report pages now display correctly on mobile. The concept integration and coverage matrix panels stack vertically on small screens instead of being forced into side-by-side columns that overflow the viewport.

Problem

On mobile viewports, the "Where the gaps are" section of the report page rendered two columns side by side at a fixed ratio, pushing the coverage matrix off-screen. Side padding was also oversized for narrow screens, reducing usable content width further. The same issue existed on the public share page.

Context

Aayush Madia spotted the breakage on mobile and flagged it. The root cause was that app pages used raw inline `style` props for multi-column grids with no responsive fallback, unlike the article and marketing components which consistently use media queries.

Why now

Mobile users encounter report pages directly — from shared links and from analyzing their own content. A layout that overflows horizontally is effectively unusable.

What changed

The concept integration and coverage matrix panels now stack vertically on screens narrower than 640px. The column divider switches from vertical to horizontal when stacked. Side padding scales down on mobile. The graph canvas height is also reduced on small screens so it doesn't dominate the scroll. Both the report page and the public share page are fixed.