5d61094226
Audit turned up two ~6-occurrence inline-style patterns in Settings: - `style="font-size:12px; color:var(--text-secondary);"` on small sub-labels above stacked inputs (autoCleanupDaysLabel, TargetLabel, ActionLabel, autoVodPollMinutesLabel, autoVodMaxAgeHoursLabel, statsLastScannedLabel) - `style="display:flex; flex-direction:column; gap:4px; flex:1; min-width:NNNpx;"` on labels that wrap a sublabel + control as a vertical pair in a flex row (3 of these in the auto-cleanup grid) Both lifted to .form-sublabel and .form-stack utility classes. Plus a .form-note for block-level secondary-coloured text (the cleanupReport "X files would be freed" panel). The min-width values stay inline since they vary per call site (120 / 160 / 200). Zero visual change — the class values match what was inline. Future edits to "what does a small label look like" go through one selector instead of grep + sed across six sites. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com> |
||
|---|---|---|
| build | ||
| docs | ||
| scripts | ||
| src | ||
| .gitignore | ||
| eslint.config.mjs | ||
| package-lock.json | ||
| package.json | ||
| README_AI_RELEASE.md | ||
| tsconfig.json | ||