Compact, Normal and Large scale the text (13/14/16px) and the control
heights (32/40/48px) via data-size on <html>. Normal is unchanged.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
From 900px up, selects and text fields fill their column up to 480px,
numbers and dates are 140px, and long text stays full width, so every
form shares one right edge. Below 900px every field runs full width.
Overrides core's id-pinned widths (% Done, mobile dates, settings
textareas). check-form-alignment.mjs now checks widths at 1440, 1024
and 390px across all settings tabs and admin forms.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
The month and year selects sit between previous/next icon buttons on one
row, with Apply / Clear / Save after them, on all widths. On mobile the
calendar becomes an agenda: date column beside the issues, days of
neighbouring months hidden, empty days collapsed to one line, lighter
week headers and a highlighted today row.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
On mobile the filter operator and value fields span the row instead of
fixed desktop widths, and empty value rows are hidden. "Add filter"
becomes an M3 tonal button on all widths so it stands out from the
outlined filter fields.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
- Drawer uses the M3 width (up to 360px) so the appearance picker fits;
segmented buttons get equal widths and swatches no longer shrink.
- Dividers separate the drawer groups, so section headings no longer
read as nav items.
- Sidebar forms in the drawer (e.g. activity filters) line up with the
nav labels, fields stack under their label, checkbox rows align.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Core's responsive.css shifts #wrapper and #header aside when the flyout
opens. Make it an M3 modal drawer: fixed over the page with a scrim that
closes it on tap via core's existing #main click handler.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
surtic86andClaude Opus 5.5