Admin: Adresszeile kompakt gestalten, bei gestopptem Server ausblenden

client/src/pages/AdminPage.jsx

@@ -296,10 +296,12 @@ function MatchAdminCard({ m, run, busy, token, reload, setNotice }) {
               {current.live?.roundsPlayed != null && <span className="muted">Runde {current.live.roundsPlayed + 1}</span>}
             </div>
           )}
-          {m.server?.address && (
-            <div className="admin-address small">
-              Server <strong>{m.server.address.host}:{m.server.address.port}</strong>
-              {m.server.address.tvPort && <> · CSTV {m.server.address.host}:{m.server.address.tvPort}</>}
+          {m.server?.address && m.server.status !== 'stopped' && (
+            <div className="admin-address">
+              <span><span className="muted">Server</span> <code>{m.server.address.host}:{m.server.address.port}</code></span>
+              {m.server.address.tvPort && (
+                <span><span className="muted">CSTV</span> <code>{m.server.address.host}:{m.server.address.tvPort}</code></span>
+              )}
             </div>
           )}
           {paused && <span className="admin-badge is-paused">Pausiert</span>}

client/src/styles.css

@@ -568,3 +568,5 @@ input:focus, select:focus { border-color: var(--link); outline: none; }
 .host-matches li { padding: 3px 0; border-top: 1px solid var(--line); }
 .host-disk { font-size: .85rem; color: var(--muted); margin: -2px 0 8px; font-variant-numeric: tabular-nums; }
 .host-disk.is-low { color: var(--error); font-weight: 600; }
+.admin-address { display: flex; flex-wrap: wrap; gap: 6px 16px; margin-top: 8px; font-size: .85rem; }
+.admin-address code { font: 500 .85rem ui-monospace, SFMono-Regular, Consolas, monospace; padding: 1px 6px; border: 1px solid var(--line); border-radius: 4px; background: var(--surface); }