summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authortanaka takashi <isazaka@gmail.com>2026-09-01 21:17:29 +0900
committertanaka takashi <isazaka@gmail.com>2026-09-01 21:17:29 +0900
commitf5439335e1d18ee577e2b7c1e67f7844f9f235ac (patch)
treec748dd33c1f9dd835b0045ba22a6bdb092852ada
parent64cf73643ca86841493c8165696c3199a4fa71e7 (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.
-rw-r--r--src/options/options.css12
-rw-r--r--src/options/options.js1
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';