From ed65b92be17ec057ca11ac6d66657f0ec563e2bf Mon Sep 17 00:00:00 2001
From: MrEgosar <debisge@gmail.com>
Date: Thu, 29 Oct 2026 12:58:25 +0100
Subject: [PATCH] Admin: Adresszeile kompakt gestalten, bei gestopptem Server
 ausblenden

---
 client/src/pages/AdminPage.jsx | 10 ++++++----
 client/src/styles.css          |  2 ++
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/client/src/pages/AdminPage.jsx b/client/src/pages/AdminPage.jsx
index b1ca7c2..0d23b93 100644
--- a/client/src/pages/AdminPage.jsx
+++ b/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>}
diff --git a/client/src/styles.css b/client/src/styles.css
index 87abb8c..3ba7b9a 100644
--- a/client/src/styles.css
+++ b/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); }