Redesign traffic dashboard to fit viewport with responsive panels

README.md

@@ -437,6 +437,11 @@ InErrors, InDroppedDma, AllocFails, SkbAllocFails и Restarts через ethtool
 
 ## Карта трафика NPM + CrowdSec (v0.20.0)
 
+С v0.20.1 страница помещается в высоту окна: карта и лента в центре,
+счётчики сверху, график и рейтинги снизу. На телефоне доступны вкладки
+«Карта / События / Статистика». Последние 100 событий листаются по страницам;
+нажатие на строку открывает полные подробности.
+
 Откройте **Настройки → Карта трафика**, включите страницу и выберите
 агент VM/LXC, где установлены Nginx Proxy Manager и CrowdSec. Например,
 `nginxproxymanager · VMID 102`. Необязательно выберите страну сервера для

traffic_preview_test.go

@@ -45,7 +45,7 @@ func TestTrafficPreview(t *testing.T) {
 	handler := http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
 		if r.URL.Path == "/traffic" {
 			w.Header().Set("Content-Type", "text/html; charset=utf-8")
-			w.Write([]byte(strings.Replace(trafficHTML, "HTTP-запросы и события CrowdSec · последние 24 часа", "ДЕМОНСТРАЦИЯ · искусственные данные для проверки интерфейса", 1)))
+			w.Write([]byte(strings.Replace(trafficHTML, "PROXMOX / LIVE OBSERVATORY", "ДЕМО / ИСКУССТВЕННЫЕ ДАННЫЕ", 1)))
 			return
 		}
 		mux.ServeHTTP(w, r)