fix: machines in the + menu line up with the other items

internal/server/web/static/app.css

@@ -1054,3 +1054,4 @@ body.no-motion *, body.no-motion *::before, body.no-motion *::after, body.no-mot
 /* Close buttons stay square, however tight the row they are in. */
 .btn.close.x { flex:none; aspect-ratio:1; min-width:0; }
 .ai-head .ai-close { width:32px; height:32px; }
+.addmenu .ico .dot { display:inline-block; vertical-align:middle; }

internal/server/web/static/workspace.js

@@ -529,7 +529,7 @@
             agentsCache = all;
             box.innerHTML = '';
             all.filter(a => !here || a.id !== here.id).forEach(a => {
-              const b = item(box, '<span class="dot ' + (a.online ? 'ok' : 'off') + '"></span><span><b>' + esc(a.name) + '</b><small>' +
+              const b = item(box, '<span class="ico"><span class="dot ' + (a.online ? 'ok' : 'off') + '"></span></span><span><b>' + esc(a.name) + '</b><small>' +
                 esc(a.user + '@' + a.hostname) + (a.online ? '' : ' · ' + esc(a.seen)) + '</small></span>',
                 () => { closeMenu(); openPane(kind, { id: a.id, name: a.name, host: a.hostname, user: a.user }); }, 'machine');
               b.disabled = !a.online;