Fix pointer cursor showing across entire mobile header
The .site-nav element has flex: 1, stretching it across most of the
header. Since <a> tags default to cursor: pointer, hovering anywhere
in that space showed a hand cursor. Reset cursor to default on
.site-nav and restore pointer only on its child links.

https://claude.ai/code/session_01TfeEX8ySJ9sRCi4gyXQzkb
change
commit 2cc5d2cbadb310f75022a9e3eb6d763a11ceb65e
author Claude <noreply@anthropic.com>
date
parent 8fa1f9fb
diff --git a/public/css/app.css b/public/css/app.css
index babe82b..d7e6603 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -698,6 +698,13 @@ button[type="submit"]:not(.complete-btn):hover {
   .site-name,
   .header-user {
     font-size: 0;
+  }
+
+  .site-nav {
+    cursor: default;
+  }
+
+  .site-nav a {
     cursor: pointer;
   }