web: the account cell matches the page footer's vertical rhythm !73
1 file changed, +7 −2
Layout: unified · split
internal/web/static/style.css +7 −2
| @@ -250,11 +250,15 @@ ul.raillist.wide .owner { font-size: var(--fs-0); } | ||
| 250 | 250 | .railfoot { |
| 251 | 251 | flex: none; |
| 252 | 252 | border-top: 1px solid var(--shell-line); |
| 253 | padding: var(--sp-2) var(--sp-4); | |
| 253 | /* same vertical rhythm as the page footer, so the two rules line up | |
| 254 | when the page is scrolled to the bottom; horizontal padding stays on | |
| 255 | the rail's own grid so the avatar aligns with the nav items above */ | |
| 256 | padding: var(--sp-4) var(--sp-4) var(--sp-5); | |
| 254 | 257 | display: flex; |
| 255 | 258 | align-items: center; |
| 256 | 259 | gap: var(--sp-3); |
| 257 | 260 | font-size: var(--fs-2); |
| 261 | line-height: 1.4; | |
| 258 | 262 | } |
| 259 | 263 | .railfoot a { color: var(--shell-fg); } |
| 260 | 264 | a.railuser { display: inline-flex; align-items: center; gap: var(--sp-2); } |
| @@ -381,7 +385,8 @@ nav.tabs a i { | ||
| 381 | 385 | ul.raillist { display: flex; } |
| 382 | 386 | ul.raillist a { border-left: 0; border-bottom: 2px solid transparent; padding: var(--sp-2) var(--sp-3); } |
| 383 | 387 | ul.raillist a[aria-current] { border-left: 0; border-bottom-color: var(--shell-mark); } |
| 384 | .railfoot { border-top: 0; padding-left: var(--sp-2); } | |
| 388 | /* the rail is a horizontal strip here: keep the account cell compact */ | |
| 389 | .railfoot { border-top: 0; padding: var(--sp-2); } | |
| 385 | 390 | .content { padding: var(--sp-4) var(--sp-4) var(--sp-5); } |
| 386 | 391 | .repohead { padding: var(--sp-3) var(--sp-4) 0; } |
| 387 | 392 | } |