diff options
| author | tanaka takashi <isazaka@gmail.com> | 2026-09-01 21:17:29 +0900 |
|---|---|---|
| committer | tanaka takashi <isazaka@gmail.com> | 2026-09-01 21:17:29 +0900 |
| commit | f5439335e1d18ee577e2b7c1e67f7844f9f235ac (patch) | |
| tree | c748dd33c1f9dd835b0045ba22a6bdb092852ada /src/options | |
| parent | 64cf73643ca86841493c8165696c3199a4fa71e7 (diff) | |
style: align advanced settings rows
The advanced settings labels (num_keep, num_predict, top_k, ...) had
variable widths, so each numeric input started at a different x
position. Give the labels a fixed 150px width in the #advanced-fields
rows so all inputs line up in a single column.
Verified in a live DOM: after the rule applies, all 10 labels share the
same width (150px) and all 10 inputs start at the same x position.
Results: 73 passed, 0 failed. dist rebuilt.
Diffstat (limited to 'src/options')
| -rw-r--r-- | src/options/options.css | 12 | ||||
| -rw-r--r-- | src/options/options.js | 1 |
2 files changed, 12 insertions, 1 deletions
diff --git a/src/options/options.css b/src/options/options.css index 7de8418..5322e2e 100644 --- a/src/options/options.css +++ b/src/options/options.css @@ -46,6 +46,17 @@ legend { gap: 8px; } +/* Advanced numeric rows: fixed label width so every input starts at the + same x position regardless of the label text length. */ +#advanced-fields .field.inline label { + flex: 0 0 150px; + min-width: 150px; +} + +#advanced-fields .field.inline input[type='number'] { + width: 120px; +} + label, .label-text { font-weight: 500; @@ -95,7 +106,6 @@ textarea { .inline input[type='number'] { width: 120px; } - .segmented { display: flex; gap: 12px; diff --git a/src/options/options.js b/src/options/options.js index 09d0a5f..56744c1 100644 --- a/src/options/options.js +++ b/src/options/options.js @@ -56,6 +56,7 @@ for (const field of ADVANCED_FIELDS) { const label = document.createElement('label'); label.setAttribute('for', `adv-${field.id}`); label.textContent = field.label; + label.className = 'adv-label'; const input = document.createElement('input'); input.type = 'number'; |
