From f5439335e1d18ee577e2b7c1e67f7844f9f235ac Mon Sep 17 00:00:00 2001
From: tanaka takashi <isazaka@gmail.com>
Date: Tue, 1 Sep 2026 21:17:29 +0900
Subject: 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.
---
 src/options/options.css | 12 +++++++++++-
 src/options/options.js  |  1 +
 2 files changed, 12 insertions(+), 1 deletion(-)

(limited to 'src')

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';
-- 
cgit v1.2.3