diff --git a/movie_editor/frontend/block_sweep.js b/movie_editor/frontend/block_sweep.js index 9ecea0c9..47c1998e 100644 --- a/movie_editor/frontend/block_sweep.js +++ b/movie_editor/frontend/block_sweep.js @@ -52,8 +52,8 @@ sceneRow.append(el("label", "sw-label", "Scene to sweep"), sceneSel); container.append(sceneRow); - const expCb = el("input"); expCb.type = "checkbox"; - const expLabel = el("label", "sw-hint"); + const expCb = el("input"); expCb.type = "checkbox"; expCb.style.width = "auto"; + const expLabel = el("label", "sw-hint sw-check-label"); expLabel.append(expCb, document.createTextNode( " Show experimental config — unvalidated, results will not match any prior sweep 1:1 " + "(different checkpoint/steps/sampler port nothing over, see the block-repeat research notes)")); diff --git a/movie_editor/frontend/styles.css b/movie_editor/frontend/styles.css index b2fdd6a1..daa06717 100644 --- a/movie_editor/frontend/styles.css +++ b/movie_editor/frontend/styles.css @@ -2182,6 +2182,8 @@ body.tour-mode { overflow: hidden; } .sw-textarea { width: 100%; box-sizing: border-box; font-family: var(--font-mono, monospace); font-size: 12px; padding: 8px; border: 1px solid var(--line); border-radius: 8px; background: var(--ink-2); color: var(--text); resize: vertical; } +.sw-check-label { display: flex; align-items: flex-start; gap: 8px; cursor: pointer; } +.sw-check-label > input[type="checkbox"] { flex: 0 0 auto; min-height: 0; margin-top: 2px; } .sw-rows-label { margin: 16px 4px 5px; font-size: 10px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; color: var(--faint); } .sw-rows { display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 10px;