panel: clearer nav labels and card headings, danger-style Sign out

Rename technical labels (postqueue -p, mail.log tail, Send log/Queue/Log
in nav) to plain descriptions, and style Sign out as a deliberate danger
action consistent with other destructive buttons.

internal/web/static/panel.css

@@ -124,7 +124,8 @@ details form { margin-top: 0.6rem; }
 .code-row .code { flex: 1; min-width: 0; }
 /* Compact outlined button: same affordance as the filled one but quiet enough
    that several can sit together without shouting — the Copy buttons beside a
-   value, the per-application actions in a table row, Sign out in the nav. */
+   value, the per-application actions in a table row. Sign out overrides this
+   with .danger below since signing out is a deliberate, singular action. */
 button.copy, td.actions button, td.actions summary, td.actions a.danger, .nav button {
   margin: 0; padding: 0.45rem 0.7rem; font-size: 0.8rem; font-weight: 600;
   border-radius: 6px; white-space: nowrap;
@@ -134,10 +135,10 @@ button.copy:hover, td.actions button:hover, td.actions summary:hover,
 td.actions a.danger:hover, .nav button:hover { background: #e2e7ee; }
 button.copy { flex: none; margin-top: 0.3rem; }
 td.actions details[open] > summary { background: #dde3ec; }
-td.actions button.danger, td.actions a.danger {
+td.actions button.danger, td.actions a.danger, .nav button.danger {
   color: #b42318; background: #fef3f2; border-color: #fecdca;
 }
-td.actions button.danger:hover, td.actions a.danger:hover { background: #fee4e2; }
+td.actions button.danger:hover, td.actions a.danger:hover, .nav button.danger:hover { background: #fee4e2; }
 @media (prefers-color-scheme: dark) {
   button.copy, td.actions button, td.actions summary, td.actions a.danger, .nav button {
     background: #22262b !important; border-color: #2b3138 !important;
@@ -145,8 +146,8 @@ td.actions button.danger:hover, td.actions a.danger:hover { background: #fee4e2;
   button.copy:hover, td.actions button:hover, td.actions summary:hover,
   td.actions a.danger:hover, .nav button:hover { background: #2b3138 !important; }
   td.actions details[open] > summary { background: #313841 !important; }
-  td.actions button.danger, td.actions a.danger {
+  td.actions button.danger, td.actions a.danger, .nav button.danger {
     color: #f5a29b !important; background: #2d1211 !important; border-color: #6b201a !important;
   }
-  td.actions button.danger:hover, td.actions a.danger:hover { background: #3d1a18 !important; }
+  td.actions button.danger:hover, td.actions a.danger:hover, .nav button.danger:hover { background: #3d1a18 !important; }
 }

internal/web/templates/layout.html

@@ -38,16 +38,16 @@
   <div class="links">
     {{if eq .Active "status"}}<span aria-current="page">Status</span>{{else}}<a href="/status">Status</a>{{end}}
     {{if eq .Active "domains"}}<span aria-current="page">Domains</span>{{else}}<a href="/domains">Domains</a>{{end}}
-    {{if eq .Active "sendlog"}}<span aria-current="page">Send log</span>{{else}}<a href="/sendlog">Send log</a>{{end}}
+    {{if eq .Active "sendlog"}}<span aria-current="page">Deliveries</span>{{else}}<a href="/sendlog">Deliveries</a>{{end}}
-    {{if eq .Active "queue"}}<span aria-current="page">Queue</span>{{else}}<a href="/queue">Queue</a>{{end}}
+    {{if eq .Active "queue"}}<span aria-current="page">Mail queue</span>{{else}}<a href="/queue">Mail queue</a>{{end}}
-    {{if eq .Active "logtail"}}<span aria-current="page">Log</span>{{else}}<a href="/logtail">Log</a>{{end}}
+    {{if eq .Active "logtail"}}<span aria-current="page">System log</span>{{else}}<a href="/logtail">System log</a>{{end}}
     {{if eq .Active "backup"}}<span aria-current="page">Backup</span>{{else}}<a href="/backup">Backup</a>{{end}}
   </div>
   <div class="session">
     <span class="muted">{{.User}}</span>
     {{if eq .Active "account"}}<span aria-current="page">Account</span>{{else}}<a href="/account">Account</a>{{end}}
     <form class="inline" method="post" action="/logout">
-      <button type="submit">Sign out</button>
+      <button type="submit" class="danger">Sign out</button>
     </form>
   </div>
 </nav>

internal/web/templates/logtail.html

@@ -2,7 +2,7 @@
 <h1>Mail log</h1>
 
 <div class="card">
-  <h2>mail.log tail</h2>
+  <h2>Recent log entries</h2>
   {{template "logtail_body" .}}
 </div>
 {{end}}

internal/web/templates/queue.html

@@ -2,7 +2,7 @@
 <h1>Mail queue</h1>
 
 <div class="card">
-  <h2>postqueue -p</h2>
+  <h2>Pending messages</h2>
   {{template "queue_body" .}}
 </div>
 {{end}}

internal/web/templates/sendlog.html

@@ -1,5 +1,5 @@
 {{define "content"}}
-<h1>Send log</h1>
+<h1>Deliveries</h1>
 
 <div class="card">
   <h2>Filter</h2>

internal/web/templates_test.go

@@ -105,7 +105,7 @@ func TestNavMarksActivePage(t *testing.T) {
 		t.Fatalf("execute nav: %v", err)
 	}
 	out := buf.String()
-	if !strings.Contains(out, `<span aria-current="page">Queue</span>`) {
+	if !strings.Contains(out, `<span aria-current="page">Mail queue</span>`) {
 		t.Errorf("active page is not marked:\n%s", out)
 	}
 	if strings.Contains(out, `href="/queue"`) {