From bebb3b1900cd76e4b3f20dcd132b412be8e99622 Mon Sep 17 00:00:00 2001
From: Cort Buffington <n0mjs@me.com>
Date: Sun, 28 Jun 2026 18:28:01 -0500
Subject: [PATCH] Fix OpenBridge stream pills stretching full cell width

.call has width:100% for use in fixed-width slot columns, but in the
OpenBridge table multiple spans share one <td>. Override with width:auto
so pills size to their content and flow inline.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 dashboard/static/dashboard.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/dashboard/static/dashboard.html b/dashboard/static/dashboard.html
index 1854a47..5c24904 100644
--- a/dashboard/static/dashboard.html
+++ b/dashboard/static/dashboard.html
@@ -175,7 +175,7 @@ function renderOpenbridges(){
   let h='<table><tr><th>System</th><th>Network / Target</th><th>Active Streams</th></tr>';
   for(const n of names){
     const o=ST.systems[n], streams=activeList(n);
-    const cells = streams.length ? streams.map(e=>'<span class="call '+(e.trx==='TX'?'tx':'rx')+'" style="display:inline-block;margin:2px">'+e.trx+' · '+idName(e.src_alias,e.src)+' → '+idName(e.dst_alias,e.dst)+'</span>').join(' ') : '<span class="call idle" style="display:inline-block">— idle —</span>';
+    const cells = streams.length ? streams.map(e=>'<span class="call '+(e.trx==='TX'?'tx':'rx')+'" style="display:inline-block;width:auto;margin:2px">'+e.trx+' · '+idName(e.src_alias,e.src)+' → '+idName(e.dst_alias,e.dst)+'</span>').join(' ') : '<span class="call idle" style="display:inline-block;width:auto">— idle —</span>';
     h+='<tr><td class="sysname">'+esc(n)+'</td><td class="mono">ID '+esc(o.NETWORK_ID)+'<div class="sub">'+esc(o.TARGET_IP)+':'+esc(o.TARGET_PORT)+'</div></td><td>'+cells+'</td></tr>';
   }
   el('openbridges').innerHTML=h+'</table>';