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;
+	}
 }