diff --git a/public/styles/main.css b/public/styles/main.css index 5d10472..5b7cc6f 100644 --- a/public/styles/main.css +++ b/public/styles/main.css @@ -3335,4 +3335,51 @@ html { .main-navigation { padding: 0.25rem; } +} + +@media (max-width: 768px) { + /* Use single scroll on mobile: let the page/body scroll */ + body { + height: auto; + min-height: 100vh; + overflow-y: auto; + } + .container { + max-height: none; + overflow: visible; + } + .view-content, + #cluster-view.active { + max-height: none; + overflow: visible; + } + #cluster-members-container, + #firmware-container, + .firmware-nodes-list { + max-height: none; + overflow: visible; + padding-right: 0; + } +} + +@media (max-width: 480px) { + /* Make primary node section more compact */ + .cluster-header { + gap: 0.5rem; + padding: 0.5rem 0; + } + .primary-node-info { + gap: 0.35rem; + padding: 0.35rem 0.5rem; + } + .primary-node-label { + font-size: 0.8rem; + } + .primary-node-ip { + font-size: 0.85rem; + padding: 0.2rem 0.4rem; + } + .primary-node-refresh { + padding: 0.3rem; + } } \ No newline at end of file