diff --git a/html/css/office.css b/html/css/office.css
index 0b3c6d7..a61525a 100644
--- a/html/css/office.css
+++ b/html/css/office.css
@@ -280,11 +280,6 @@ header.office-header h1 {
fill: #f87171;
}
-.system-tile-label {
- fill: var(--color-text-inverse);
- font-size: 12px;
-}
-
.monitor-placeholder-text {
fill: #64748b;
font-size: 15px;
diff --git a/html/js/office-render.js b/html/js/office-render.js
index 1500fd1..934beb6 100644
--- a/html/js/office-render.js
+++ b/html/js/office-render.js
@@ -413,7 +413,13 @@ function renderSystemMonitor(frame, systems, onConfigClick) {
const tileX = gridX + col * (tileSize + tileMargin);
const tileY = gridY + row * (tileSize + tileMargin);
+ // Issue #73: Servernamen ueberlappten sich bei mehreren Kacheln, deshalb kein fest
+ // eingezeichneter Text mehr - der Name erscheint nur noch als
-Tooltip, der ueber
+ // der ganzen Kachel (system-tile-bg deckt sie komplett ab) beim Hoover angezeigt wird.
const tileGroup = el("g", { class: `system-tile status-${system.status}` });
+ const tileTitle = el("title");
+ tileTitle.textContent = system.name;
+ tileGroup.appendChild(tileTitle);
tileGroup.appendChild(
el("rect", { x: tileX, y: tileY, width: tileSize, height: tileSize, rx: 6, class: "system-tile-bg" })
);
@@ -425,14 +431,6 @@ function renderSystemMonitor(frame, systems, onConfigClick) {
);
tileGroup.appendChild(el("circle", { cx: tileX + 18, cy: tileY + 17, r: 3, class: "system-tile-led" }));
tileGroup.appendChild(el("circle", { cx: tileX + 18, cy: tileY + 37, r: 3, class: "system-tile-led" }));
- tileGroup.appendChild(
- text(system.name, {
- x: tileX + tileSize / 2,
- y: tileY + tileSize - 8,
- class: "system-tile-label",
- "text-anchor": "middle",
- })
- );
g.appendChild(tileGroup);
});