appearance fixes

app2.py

@@ -546,18 +546,19 @@ TRAJ_CANVAS_HTML_JS = f"""
   <canvas id="traj-canvas" width="{TRAJ_CANVAS_SIZE_PX}" height="{TRAJ_CANVAS_SIZE_PX}"
           style="display:block; border:1px solid #999; border-radius:8px; cursor:crosshair; background:#fafafa;">
   </canvas>
-  <div style="position:absolute; top:8px; right:8px; text-align:right;
+  <div style="position:absolute; top:8px; right:8px; display:flex; align-items:center; gap:8px;
               background:rgba(255,255,255,0.85); border-radius:6px; padding:6px 8px;
-              font-size:11px; color:#555; line-height:1.5; pointer-events:none;">
+              font-size:11px; color:#555; line-height:1.4; pointer-events:none;">
     <button id="traj-clear-btn"
-            style="display:block; margin:0 0 6px auto; font-size:13px; font-weight:600;
-                   padding:5px 14px; cursor:pointer; background:#dc2626; color:#fff;
-                   border:none; border-radius:6px; box-shadow:0 1px 3px rgba(0,0,0,0.35);
-                   pointer-events:auto;">
+            style="font-size:13px; font-weight:600; padding:5px 14px; cursor:pointer;
+                   background:#dc2626; color:#fff; border:none; border-radius:6px;
+                   box-shadow:0 1px 3px rgba(0,0,0,0.35); pointer-events:auto; white-space:nowrap;">
       Clear
     </button>
-    <div><span style="color:#dc2626;">Red</span> = what you drew</div>
-    <div><span style="color:#4f46e5;">dashed indigo</span> = smoothed model input</div>
+    <div style="text-align:left;">
+      <div><span style="color:#dc2626;">Red</span> = what you drew</div>
+      <div><span style="color:#4f46e5;">Blue</span> = smoothed model input</div>
+    </div>
   </div>
 </div>
 """