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
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;
}