diff --git a/static/style.css b/static/style.css index 524a6a2..4505592 100644 --- a/static/style.css +++ b/static/style.css @@ -1290,6 +1290,11 @@ main { max-width: 1200px; margin: 0 auto; padding: 20px 24px 60px; } title/tagline on narrow screens (it still opens the modal / menu). */ .acct-btn span { display: none; } .acct-btn { padding: 8px; min-width: 40px; justify-content: center; } + /* The bell sits left of the account button, so a wide dropdown anchored to the + bell (.notif) overflowed off the left of the screen. Drop .notif's positioning + context so the dropdown anchors to the .acct cluster at the header's right + edge instead, keeping it fully on-screen. */ + .notif { position: static; } main { padding: 14px 14px 40px; } .controls { gap: 12px; margin-bottom: 14px; }