Milestone3m responsive

[bourgeoa]

PR 1 — Responsive panes (solid-panes)
Files changed:

humanReadablePane.js — width: 800px → max-width: 100%; width: 100%; box-sizing: border-box
playlistPane.js — removed fixed width/height attrs, responsive styles for iframe and img
socialPane.js — table/inline-style layout → flex divs + CSS class
socialPane.css (new) — flex layout + mobile breakpoint
padPane.ts — <table>/<tr>/<td> layout → flex divs
padPane.css (new) — flex column layout + mobile breakpoint
pane.js — float: right → margin-left: auto; display: block
slideshowPane.js — setAttribute('width', '100%') → img.style.width = '100%'
n3Pane.js — overflow-x: auto; max-width: 100% on <PRE> (may not fully work — table cell constraint)
RDFXMLPane.js — same as above

Claude Sonnet 4.6 • 1x

[timea-solid]

This is not the official way we should go for mobile but if it looks good for the symposium, I would be ok with it.