From 336199c65d910bbd45a9c5dcbc3beae214d75b98 Mon Sep 17 00:00:00 2001
From: grm <grm@eyesin.space>
Date: Sat, 12 Sep 2026 12:21:10 +0300
Subject: Redesign the dashboard: paper & ink

Flat colours, 2px rules, hard offset shadows and square corners; mono
headings and labels; the blog nav is a tab strip that scrolls sideways on
phones instead of stacking; list pages get a page header with the primary
action on the right; the Markdown cheat-sheet collapses into a details
element so forms stay calm. Plain CSS only, no variables or flex, so it
still renders on old browsers.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Sd8UPWrvyYCLj97JexNw3A
---
 internal/web/templates/dashboard/pages.html | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

(limited to 'internal/web/templates/dashboard/pages.html')

diff --git a/internal/web/templates/dashboard/pages.html b/internal/web/templates/dashboard/pages.html
index 6703e7f..5e9aca5 100644
--- a/internal/web/templates/dashboard/pages.html
+++ b/internal/web/templates/dashboard/pages.html
@@ -1,7 +1,10 @@
 {{define "title"}}Pages · {{.Blog.Title}}{{end}}
 {{define "content"}}
-<h1>Pages <a class="btn small" href="/b/{{.Blog.Subdomain}}/pages/new">+ New page</a></h1>
-<p class="muted">Pages appear in your blog's menu in this order. Each page holds its own list of posts.</p>
+<div class="pagehead">
+  <h1>Pages</h1>
+  <div class="actions"><a class="btn" href="/b/{{.Blog.Subdomain}}/pages/new">+ New page</a></div>
+  <p class="lead muted">Pages appear in your blog's menu in this order. Each page holds its own list of posts.</p>
+</div>
 <div class="card">
 <table>
   <tr><th>Menu order</th><th>Title</th><th>Address</th><th>Posts</th><th></th></tr>
-- 
cgit v1.2.3