fix: align form field widths across the app

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>
This commit is contained in:
Andreas Reinhold / reini
2026-10-05 14:12:44 +02:00
co-authored by Claude Opus 5.5
parent 20b7269df2
commit db58c6e86f
3 changed files with 97 additions and 39 deletions
+4
View File
@@ -229,6 +229,10 @@
/* Form fields run full width; a select keeps room for the icon button after it */
html form .attributes select { inline-size: 100%; }
html form .attributes select:has(+ .icon-only) { inline-size: calc(100% - 36px); }
/* Core leaves the tracker at 90%; only the project row shares its line (with "Private") */
html #all_attributes #issue_tracker_id { inline-size: 100%; }
/* Core leaves dates at their content width; every field runs full width here */
html .tabular input:is(.date, [type="date"]) { inline-size: 100%; max-inline-size: 100%; }
html .tabular input[type="radio"] { inline-size: auto; }
/* Query filters: operator and values run full width under the checkbox label instead of