Center hostname on its own line in zero-scale service cards

This commit is contained in:
Stephen Schuresko
2026-09-24 10:09:22 -04:00
parent b59091630c
commit 1118b8e39e

View File

@@ -215,9 +215,9 @@
flex-direction: column;
justify-content: space-between;
}
.zero-top { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 8px; }
.zero-host { font-size: 15px; font-weight: 600; color: #fff; }
.zero-desc { font-size: 12px; color: var(--text-muted); margin-bottom: 16px; min-height: 36px; }
.zero-host { font-size: 15px; font-weight: 600; color: #fff; text-align: center; margin-bottom: 8px; word-break: break-all; }
.zero-status-row { display: flex; justify-content: center; margin-bottom: 10px; }
.zero-desc { font-size: 12px; color: var(--text-muted); text-align: center; margin-bottom: 16px; min-height: 36px; }
.zero-actions { display: flex; gap: 8px; }
/* Site Cards */
@@ -679,8 +679,8 @@ function renderDashboard(data) {
card.innerHTML = `
<div>
<div class="zero-top">
<div class="zero-host">${app.host}</div>
<div class="zero-host">${app.host}</div>
<div class="zero-status-row">
<span class="status-badge ${stateCls}">${stateLabel}</span>
</div>
<div class="zero-desc">${app.description || 'Zero-scale dynamic service'}</div>