fix(timeline): restore justify-center on EventPill outer wrapper
All checks were successful
CI / Unit & Component Tests (pull_request) Successful in 4m9s
CI / OCR Service Tests (pull_request) Successful in 23s
CI / Backend Unit Tests (pull_request) Successful in 5m59s
CI / fail2ban Regex (pull_request) Successful in 47s
CI / Semgrep Security Scan (pull_request) Successful in 23s
CI / Compose Bucket Idempotency (pull_request) Successful in 1m11s
SDD Gate / RTM Check (pull_request) Successful in 17s
SDD Gate / Contract Validate (pull_request) Successful in 22s
SDD Gate / Constitution Impact (pull_request) Successful in 19s
CI / Unit & Component Tests (push) Successful in 5m33s
CI / OCR Service Tests (push) Successful in 28s
CI / Backend Unit Tests (push) Successful in 6m27s
CI / fail2ban Regex (push) Successful in 48s
CI / Semgrep Security Scan (push) Successful in 26s
CI / Compose Bucket Idempotency (push) Successful in 1m6s

YearBand.svelte.spec.ts queries '.justify-center .rounded-full' to assert
the pill is present. Replacing justify-center with items-center broke that
selector; adding both preserves the test contract while keeping flex-col
for the note below the pill.

Refs #844
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit was merged in pull request #883.
This commit is contained in:
Marcel
2026-06-16 15:41:42 +02:00
parent 82979be705
commit 3ba5ae982b

View File

@@ -19,7 +19,7 @@ let { entry, canWrite = false }: { entry: TimelineEntryDTO; canWrite?: boolean }
const config = $derived(getAccentConfig(entry));
</script>
<div class="flex flex-col items-center">
<div class="flex flex-col items-center justify-center">
<div
class="inline-flex items-center gap-2 rounded-full bg-surface px-3 py-1 shadow-sm {config.accent ===
'curated'