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

1 files changed, 2 insertions, 2 deletions

diff --git a/internal/web/templates/admin/new_user.html b/internal/web/templates/admin/new_user.html
index 87d1186..3d93dbd 100644
--- a/internal/web/templates/admin/new_user.html
+++ b/internal/web/templates/admin/new_user.html
@@ -7,9 +7,9 @@
     <label>Username<br><input name="username" value="{{.Data.username}}" required pattern="[a-zA-Z0-9_.-]{2,40}" autofocus></label>
     <label>Password <span class="muted">(min 8 characters; they can change it later)</span><br><input type="password" name="password" required minlength="8"></label>
     <label>Subdomain <span class="muted">(defaults to the username)</span><br>
-      <span class="nowrap"><input name="subdomain" value="{{.Data.subdomain}}" pattern="[a-z0-9]([a-z0-9-]*[a-z0-9])?" maxlength="63" size="14">.{{.Data.cfg.BaseDomain}}</span></label>
+      <span class="nowrap"><input name="subdomain" value="{{.Data.subdomain}}" pattern="[a-z0-9]([a-z0-9-]*[a-z0-9])?" maxlength="63" size="14" style="width:auto">.{{.Data.cfg.BaseDomain}}</span></label>
     <label>Blog title<br><input name="title" value="{{.Data.title}}" maxlength="120"></label>
-    <button type="submit">Create</button> <a href="/admin/">Cancel</a>
+    <p class="actionrow"><button type="submit">Create</button> <a href="/admin/">Cancel</a></p>
   </form>
 </div>
 {{end}}