fix: redesign session log player controls, fix tooltip overlap and drop dot separators

plugins/proxmox/src/frontend/HostProxmoxTab.tsx

@@ -65,7 +65,7 @@ export function HostProxmoxTab({
       })
     : t("hosts.proxmoxLastSyncNoResult");
   const lastSyncDescription = cfg.lastSyncAt
-    ? `${new Date(cfg.lastSyncAt).toLocaleString()} · ${lastSyncSummary}`
+    ? `${new Date(cfg.lastSyncAt).toLocaleString()}, ${lastSyncSummary}`
     : t("hosts.proxmoxLastSyncNever");
 
   return (

plugins/proxmox/src/frontend/ProxmoxDiscoverDialog.tsx

@@ -331,7 +331,7 @@ export function ProxmoxDiscoverDialog({
                     selected: selected.size,
                   })}
                 </span>
-                <div className="flex gap-2">
+                <div className="flex gap-3">
                   <button
                     className="hover:text-foreground transition-colors"
                     onClick={() =>
@@ -340,7 +340,6 @@ export function ProxmoxDiscoverDialog({
                   >
                     {t("hosts.proxmoxSelectAll")}
                   </button>
-                  <span>·</span>
                   <button
                     className="hover:text-foreground transition-colors"
                     onClick={() => setSelected(new Set())}

plugins/proxmox/src/frontend/stats/NodeSummaryStrip.tsx

@@ -136,10 +136,10 @@ export function NodeSummaryStrip({
         </span>
         <div className="flex items-center gap-1.5 truncate text-[11px] text-muted-foreground">
           <Server className="size-3 shrink-0" />
-          <span className="truncate">
-            {node?.system.hostname ?? "-"}
-            {node?.system.pveVersion ? ` · ${node.system.pveVersion}` : ""}
-          </span>
+          <span className="truncate">{node?.system.hostname ?? "-"}</span>
+          {node?.system.pveVersion && (
+            <span className="ml-1 shrink-0">{node.system.pveVersion}</span>
+          )}
         </div>
       </div>
     </div>