From 057d68156b8c57c58eb624697888301110f6e7cd Mon Sep 17 00:00:00 2001 From: Shane Maynard Date: Thu, 30 Jul 2026 06:37:41 -0400 Subject: [PATCH] Polish planner styling --- public/app.css | 49 ++++++++++++++++++++++++++++++++++++++----------- 1 file changed, 38 insertions(+), 11 deletions(-) diff --git a/public/app.css b/public/app.css index b2265a5..af96d85 100644 --- a/public/app.css +++ b/public/app.css @@ -144,20 +144,47 @@ output { background: var(--line); margin: 0 2px; } -.account-menu { position: relative; } -.account-menu summary { list-style: none; } -.account-menu summary::-webkit-details-marker { display: none; } +.account-menu { + position: relative; +} +.account-menu summary { + list-style: none; +} +.account-menu summary::-webkit-details-marker { + display: none; +} .account-menu-popover { - position: absolute; right: 0; top: calc(100% + 6px); z-index: 35; min-width: 132px; - padding: 6px; border: 1px solid var(--line); border-radius: var(--radius-sm); - background: var(--surface-raised); box-shadow: var(--shadow-pop); + position: absolute; + right: 0; + top: calc(100% + 6px); + z-index: 35; + min-width: 132px; + padding: 6px; + border: 1px solid var(--line); + border-radius: var(--radius-sm); + background: var(--surface-raised); + box-shadow: var(--shadow-pop); } -.account-menu-popover a, .account-menu-popover button { - display: block; width: 100%; padding: 9px 10px; border: 0; border-radius: var(--radius-sm); - background: transparent; color: var(--ink-2); font: inherit; font-size: 13px; text-align: left; - text-decoration: none; cursor: pointer; +.account-menu-popover a, +.account-menu-popover button { + display: block; + width: 100%; + padding: 9px 10px; + border: 0; + border-radius: var(--radius-sm); + background: transparent; + color: var(--ink-2); + font: inherit; + font-size: 13px; + text-align: left; + text-decoration: none; + cursor: pointer; +} +.account-menu-popover a:hover, +.account-menu-popover button:hover { + background: var(--surface-sunken); + color: var(--ink); } -.account-menu-popover a:hover, .account-menu-popover button:hover { background: var(--surface-sunken); color: var(--ink); } .ghost-btn, .primary-btn,