Fix mobile menu visibility issue

Use visibility and opacity instead of max-height/overflow to completely
hide the mobile menu when closed. Prevents elements from peeking out.

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>

1 files changed, 8 insertions, 6 deletions

diff --git a/static/styles.css b/static/styles.css
index 724d1d9..345a1c8 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -980,8 +980,8 @@ textarea:focus {
   }
 
   .nav-actions {
-    position: absolute;
-    top: 100%;
+    position: fixed;
+    top: 73px;
     left: 0;
     right: 0;
     flex-direction: column;
@@ -989,13 +989,15 @@ textarea:focus {
     border-bottom: 1px solid var(--line);
     background: var(--bg);
     padding: 12px 0;
-    max-height: 0;
-    overflow: hidden;
-    transition: max-height 0.3s ease;
+    z-index: 100;
+    visibility: hidden;
+    opacity: 0;
+    transition: opacity 0.3s ease, visibility 0.3s ease;
   }
 
   .nav-actions.is-open {
-    max-height: 400px;
+    visibility: visible;
+    opacity: 1;
   }
 
   .nav-actions a,