diff --git a/public/styles/main.css b/public/styles/main.css index 41986c4..e35beef 100644 --- a/public/styles/main.css +++ b/public/styles/main.css @@ -3426,4 +3426,38 @@ html { #firmware-view .deploy-btn:hover:not(:disabled)::before { left: -100% !important; } +} + +/* Cluster view specific error styling */ +#cluster-members-container .error { + display: flex; + align-items: center; + gap: 0.75rem; + padding: 0.9rem 1.1rem; + margin-top: 0.75rem; + border-radius: 12px; + background: linear-gradient(135deg, rgba(244, 67, 54, 0.15) 0%, rgba(244, 67, 54, 0.08) 100%); + border: 1px solid rgba(244, 67, 54, 0.35); + color: #ffcdd2; + box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25); + height: auto; /* override global 100% height */ + justify-content: flex-start; /* override global centering */ + text-align: left; /* ensure left alignment */ +} + +#cluster-members-container .error::before { + content: '⚠️'; + font-size: 1.2rem; + line-height: 1; + flex-shrink: 0; +} + +#cluster-members-container .error strong { + color: #ffebee; + font-weight: 700; + margin-right: 0.25rem; +} + +#cluster-members-container .error br { + display: none; /* tighten layout by avoiding forced line-breaks */ } \ No newline at end of file