Add explicit cursor: pointer alongside display: grid on mobile header links
Previous attempts set only one or the other. display: grid ensures the
<a> element sizes around its ::after emoji content (instead of
collapsing to zero from font-size: 0). cursor: pointer is needed
because the UA cursor behavior for links may not apply once the
element becomes a grid container.

https://claude.ai/code/session_01TfeEX8ySJ9sRCi4gyXQzkb
change
commit 81dc7945029a1ec11aec5be044b21e95b00fed9e
author Claude <noreply@anthropic.com>
date
parent dafe0523 
diff --git a/public/css/app.css b/public/css/app.css
index ab6cc11..464e1e9 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -699,6 +699,7 @@ button[type="submit"]:not(.complete-btn):hover {
   .header-user {
     font-size: 0;
     display: grid;
+    cursor: pointer;
   }
 
   .site-name::after {