Assisted-by: Claude Opus 5.5 via Claude Code

diff --git a/assets/docket.css b/assets/docket.css
index f1439ba..c9c5323 100644
--- a/assets/docket.css
+++ b/assets/docket.css
@@ -37,12 +37,12 @@ button { font: inherit; color: inherit; }
 .search-btn:hover { color: var(--gl-color-text-primary); }
 .search-btn:focus-visible { outline: 2px solid var(--gl-color-accent); outline-offset: 2px; border-radius: 2px; }
 .brand { font: 600 var(--gl-step-0)/1.2 var(--gl-font-text); letter-spacing: -.01em; padding: 0 2px; }
-.nav { display: flex; flex-direction: column; gap: 2px; }
+.nav { display: flex; flex-direction: column; gap: 4px; }
 .nav-item { display: flex; justify-content: space-between; align-items: baseline; padding: 7px 8px; margin: 0 -8px; border-radius: var(--gl-radius); color: inherit; text-decoration: none; transition: background var(--gl-dur-fast) var(--gl-ease); }
 .nav-item:hover { background: var(--gl-color-surface-fill-2); color: inherit; }
 .nav-item.on { background: var(--gl-color-surface-card); font-weight: 600; }
 .who { display: flex; flex-direction: column; gap: 3px; }
-.who-btn { all: unset; cursor: pointer; display: flex; flex-direction: column; gap: 3px; padding: 7px 8px; margin: 0 -8px; border-radius: var(--gl-radius); }
+.who-btn { all: unset; cursor: pointer; display: flex; flex-direction: column; gap: 3px; padding: 7px var(--gl-space-s); margin: 0 calc(-1 * var(--gl-space-s)) calc(-1 * var(--gl-space-2xs)); border-radius: var(--gl-radius); }
 .who-btn:hover { background: var(--gl-color-surface-fill-2); }
 .who-name { font-weight: 600; }
 .who-login { text-transform: none; letter-spacing: 0; color: var(--gl-color-text-tertiary); }