xRangerDEandClaude Opus 4.7
0e313e8857
The filename-templates 3-pair grid in Settings carried four inline style attributes: - the wrapper div's display:grid; gap:8px; margin-top:8px - three labels with the same font-size:13px; color:var(--text-secondary), with the 2nd and 3rd also having margin-top:4px Extracted into a single .filename-template-grid class block (with descendant label styling + a :not(:first-child) margin-top rule). HTML drops from a noisy block of inline styles to a clean labelled grid. Same edit added for= associations on the three labels (vodTemplateLabel → vodFilenameTemplate, partsTemplateLabel → partsFilenameTemplate, defaultClipTemplateLabel → defaultClipFilenameTemplate) — they were sitting right next to their inputs with no programmatic association. Continues the label-for a11y work from 4.6.79; clicking a label now focuses its input and screen readers announce the label when the input is focused. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>