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 | .railfoot { | 250 | .railfoot { |
| 251 | flex: none; | 251 | flex: none; |
| 252 | border-top: 1px solid var(--shell-line); | 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 | display: flex; | 257 | display: flex; |
| 255 | align-items: center; | 258 | align-items: center; |
| 256 | gap: var(--sp-3); | 259 | gap: var(--sp-3); |
| 257 | font-size: var(--fs-2); | 260 | font-size: var(--fs-2); |
| 261 | line-height: 1.4; | ||
| 258 | } | 262 | } |
| 259 | .railfoot a { color: var(--shell-fg); } | 263 | .railfoot a { color: var(--shell-fg); } |
| 260 | a.railuser { display: inline-flex; align-items: center; gap: var(--sp-2); } | 264 | a.railuser { display: inline-flex; align-items: center; gap: var(--sp-2); } |
| @@ -381,7 +385,8 @@ nav.tabs a i { | |||
| 381 | ul.raillist { display: flex; } | 385 | ul.raillist { display: flex; } |
| 382 | ul.raillist a { border-left: 0; border-bottom: 2px solid transparent; padding: var(--sp-2) var(--sp-3); } | 386 | ul.raillist a { border-left: 0; border-bottom: 2px solid transparent; padding: var(--sp-2) var(--sp-3); } |
| 383 | ul.raillist a[aria-current] { border-left: 0; border-bottom-color: var(--shell-mark); } | 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 | .content { padding: var(--sp-4) var(--sp-4) var(--sp-5); } | 390 | .content { padding: var(--sp-4) var(--sp-4) var(--sp-5); } |
| 386 | .repohead { padding: var(--sp-3) var(--sp-4) 0; } | 391 | .repohead { padding: var(--sp-3) var(--sp-4) 0; } |
| 387 | } | 392 | } |