From c9868ff83eb4cc4419f3ff91f5ece5c181abff76 Mon Sep 17 00:00:00 2001
From: Michael Pilosov <consistentbayes@gmail.com>
Date: Wed, 22 Apr 2026 14:35:24 -0600
Subject: [PATCH] compare: wrap N/T/J/seed params onto its own line in each
 panel header

---
 app/web/static/style.css       | 1 +
 app/web/templates/compare.html | 6 +++---
 app/web/templates/index.html   | 2 +-
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/app/web/static/style.css b/app/web/static/style.css
index aadd309..a35a20e 100644
--- a/app/web/static/style.css
+++ b/app/web/static/style.css
@@ -1525,6 +1525,7 @@ button.submit:disabled { background: var(--faint); border-color: var(--faint); c
 .compare-panel-head .panel-params {
   color: var(--mute);
   font-size: 0.74rem;
+  flex-basis: 100%;
 }
 
 .compare-panel-head .panel-stem {
diff --git a/app/web/templates/compare.html b/app/web/templates/compare.html
index 469b977..80d9c5f 100644
--- a/app/web/templates/compare.html
+++ b/app/web/templates/compare.html
@@ -4,7 +4,7 @@
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width,initial-scale=1" />
   <title>embedding notebook &middot; compare</title>
-  <link rel="stylesheet" href="/static/style.css?v=22" />
+  <link rel="stylesheet" href="/static/style.css?v=23" />
   <script type="importmap">
   {
     "imports": {
@@ -83,9 +83,9 @@
         <span class="panel-embedder" data-role="embedder">&hellip;</span>
         <span class="panel-sep">&middot;</span>
         <span class="panel-generator" data-role="generator">&hellip;</span>
-        <span class="panel-params" data-role="params">loading&hellip;</span>
         <a class="panel-stem" data-role="stem-link"
            href="/api/runs/{{ stem_a }}/frames.json" target="_blank">&#x2197;</a>
+        <span class="panel-params" data-role="params">loading&hellip;</span>
       </header>
       <div class="compare-canvas" data-role="canvas">
         <div class="compare-status" data-role="status">loading&hellip;</div>
@@ -98,9 +98,9 @@
         <span class="panel-embedder" data-role="embedder">&hellip;</span>
         <span class="panel-sep">&middot;</span>
         <span class="panel-generator" data-role="generator">&hellip;</span>
-        <span class="panel-params" data-role="params">loading&hellip;</span>
         <a class="panel-stem" data-role="stem-link"
            href="/api/runs/{{ stem_b }}/frames.json" target="_blank">&#x2197;</a>
+        <span class="panel-params" data-role="params">loading&hellip;</span>
       </header>
       <div class="compare-canvas" data-role="canvas">
         <div class="compare-status" data-role="status">loading&hellip;</div>
diff --git a/app/web/templates/index.html b/app/web/templates/index.html
index 1cefdf9..7c05d3b 100644
--- a/app/web/templates/index.html
+++ b/app/web/templates/index.html
@@ -4,7 +4,7 @@
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width,initial-scale=1" />
   <title>embedding notebook</title>
-  <link rel="stylesheet" href="/static/style.css?v=22" />
+  <link rel="stylesheet" href="/static/style.css?v=23" />
   <script src="https://unpkg.com/htmx.org@2.0.4"></script>
   <script type="importmap">
   {