Minor UI fixes

internal/dashboard/templates/checktypes.html

@@ -3,6 +3,7 @@
 <html lang="ru">
 <head>{{template "html_head" .}}</head>
 <body>
+<div class="bg-grid"></div>
 <input type="checkbox" id="nav-toggle" class="nav-toggle">
 <div class="shell">
 {{template "sidebar_nav" .}}
@@ -27,6 +28,7 @@
 <p class="muted">Сначала создайте хотя бы одну <a href="/targets">группу целей</a>.</p>
 {{else}}
 <div class="panel">
+<div class="panel-head"><h2>Новый тип проверки</h2></div>
 <div class="panel-body">
 <form hx-post="/check-types" hx-target="#checktypes-table-wrap" hx-swap="innerHTML" hx-on::after-request="this.reset()">
 <div class="field-row">

internal/dashboard/templates/ip_detail.html

@@ -3,6 +3,7 @@
 <html lang="ru">
 <head>{{template "html_head" .}}</head>
 <body>
+<div class="bg-grid"></div>
 <input type="checkbox" id="nav-toggle" class="nav-toggle">
 <div class="shell">
 {{template "sidebar_nav" .}}

internal/dashboard/templates/ips.html

@@ -3,6 +3,7 @@
 <html lang="ru">
 <head>{{template "html_head" .}}</head>
 <body>
+<div class="bg-grid"></div>
 <input type="checkbox" id="nav-toggle" class="nav-toggle">
 <div class="shell">
 {{template "sidebar_nav" .}}

internal/dashboard/templates/overview.html

@@ -3,6 +3,7 @@
 <html lang="ru">
 <head>{{template "html_head" .}}</head>
 <body>
+<div class="bg-grid"></div>
 <input type="checkbox" id="nav-toggle" class="nav-toggle">
 <div class="shell">
 {{template "sidebar_nav" .}}

internal/dashboard/templates/overview_fragment.html

@@ -3,7 +3,7 @@
 <div class="stat-card accented"><span class="value">{{.Status.TotalIPs}}</span><span class="label">всего IP</span></div>
 <div class="stat-card"><span class="value">{{.Status.TotalValidators}}</span><span class="label">валидаторов</span></div>
 {{range $state, $count := .Status.IPsByState}}
-<div class="stat-card"><span class="value">{{$count}}</span><span class="label">{{$state}}</span></div>
+<div class="stat-card{{if eq $state "failed"}} bad{{else if eq $state "checking"}} accented{{end}}"><span class="value">{{$count}}</span><span class="label">{{$state}}</span></div>
 {{end}}
 </div>
 

internal/dashboard/templates/settings.html

@@ -3,6 +3,7 @@
 <html lang="ru">
 <head>{{template "html_head" .}}</head>
 <body>
+<div class="bg-grid"></div>
 <input type="checkbox" id="nav-toggle" class="nav-toggle">
 <div class="shell">
 {{template "sidebar_nav" .}}

internal/dashboard/templates/sites.html

@@ -3,6 +3,7 @@
 <html lang="ru">
 <head>{{template "html_head" .}}</head>
 <body>
+<div class="bg-grid"></div>
 <input type="checkbox" id="nav-toggle" class="nav-toggle">
 <div class="shell">
 {{template "sidebar_nav" .}}
@@ -20,11 +21,9 @@
 
 {{define "sites_content"}}
 <div class="topbar"><h1>Площадки</h1></div>
-<p class="muted" style="margin-bottom:16px">Внешние площадки (проберы), проверяющие адреса «снаружи». Число площадок
-не ограничено — добавляйте столько слотов, сколько нужно. «Статус» показывает, подключён ли прямо сейчас
-процесс prober на этой площадке (по heartbeat, аналогично валидаторам).</p>
 
 <div class="panel">
+<div class="panel-head"><h2>Добавить площадку</h2></div>
 <div class="panel-body">
 <form hx-post="/sites" hx-target="#sites-table-wrap" hx-swap="innerHTML" hx-on::after-request="this.reset()">
 <div class="field-row">
@@ -77,5 +76,7 @@
 </table>
 {{if not .Items}}<p class="muted" style="padding:16px">Площадок пока нет — добавьте первую формой выше.</p>{{end}}
 </div>
+<div class="section-note">Число площадок не ограничено — форма выше добавляет следующий слот. «Статус» отражает
+<code class="inline">POST /probers/register</code> и heartbeat, аналогично валидаторам.</div>
 </div>
 {{end}}

internal/dashboard/templates/targets.html

@@ -3,6 +3,7 @@
 <html lang="ru">
 <head>{{template "html_head" .}}</head>
 <body>
+<div class="bg-grid"></div>
 <input type="checkbox" id="nav-toggle" class="nav-toggle">
 <div class="shell">
 {{template "sidebar_nav" .}}
@@ -23,6 +24,7 @@
 <p class="muted" style="margin-bottom:16px">Группа целей — именованный список URL/адресов, на который затем ссылаются типы проверок.</p>
 
 <div class="panel">
+<div class="panel-head"><h2>Новая группа целей</h2></div>
 <div class="panel-body">
 <form hx-post="/targets" hx-target="#targets-table-wrap" hx-swap="innerHTML" hx-on::after-request="this.reset()">
 <div class="field-row">

internal/dashboard/templates/validators.html

@@ -3,6 +3,7 @@
 <html lang="ru">
 <head>{{template "html_head" .}}</head>
 <body>
+<div class="bg-grid"></div>
 <input type="checkbox" id="nav-toggle" class="nav-toggle">
 <div class="shell">
 {{template "sidebar_nav" .}}
@@ -22,6 +23,7 @@
 <div class="topbar"><h1>Валидаторы</h1></div>
 
 <div class="panel">
+<div class="panel-head"><h2>Новый валидатор</h2></div>
 <div class="panel-body">
 <form hx-post="/validators" hx-target="#validators-table-wrap" hx-swap="innerHTML" hx-on::after-request="this.reset()">
 <div class="field-row">