From 7567822522f57b3b8ab465d37d8260002594935a Mon Sep 17 00:00:00 2001 From: Emi Griffith Date: Wed, 15 Jul 2026 15:00:47 -0700 Subject: [PATCH] Fix mobile alerts dropdown overflow; add account API tests (#93) The notification dropdown is anchored to the bell button, which on mobile sits left of the account button rather than at the screen edge, so the wide panel overflowed off the left of the viewport (title/text cut off). On narrow screens, drop .notif's positioning context so the dropdown anchors to the .acct cluster at the header's right edge, keeping it fully on-screen. Also add route-level tests for the accounts feature (auth flow, subscription CRUD, duplicate/validation, ownership 404s, notifications), plus a THERMOGRAPH_ACCOUNTS_DB override so the suite writes to a throwaway DB and stays hermetic. --- static/style.css | 5 +++++ 1 file changed, 5 insertions(+) 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; }