style(calendar): Improve event description readability
Some checks are pending
NordaBiz Tests / Unit & Integration Tests (push) Waiting to run
NordaBiz Tests / E2E Tests (Playwright) (push) Blocked by required conditions
NordaBiz Tests / Smoke Tests (Production) (push) Blocked by required conditions
NordaBiz Tests / Send Failure Notification (push) Blocked by required conditions

Add paragraph spacing, larger font, and styled callout box for
pricing/key info in event detail pages. Better visual hierarchy.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Maciej Pienczyn 2026-02-13 11:35:17 +01:00
parent 7bd34824ab
commit 71d231e819

View File

@ -55,8 +55,46 @@
.event-description {
margin-bottom: var(--spacing-xl);
line-height: 1.7;
line-height: 1.8;
color: var(--text-primary);
font-size: 1.05rem;
}
.event-description p {
margin-bottom: var(--spacing-md);
}
.event-description p:last-child {
margin-bottom: 0;
}
.event-callout {
display: flex;
align-items: flex-start;
gap: var(--spacing-md);
padding: var(--spacing-lg);
background: linear-gradient(135deg, #f0fdf4, #ecfdf5);
border: 1px solid #bbf7d0;
border-radius: var(--radius-lg);
margin-top: var(--spacing-lg);
}
.event-callout svg {
width: 22px;
height: 22px;
color: #16a34a;
flex-shrink: 0;
margin-top: 2px;
}
.event-callout strong {
color: #15803d;
}
.event-callout small {
display: block;
margin-top: var(--spacing-xs);
color: var(--text-secondary);
}
.rsvp-section {