diff --git a/frontend/src/components/EventList.css b/frontend/src/components/EventList.css index b797577..872d3c7 100644 --- a/frontend/src/components/EventList.css +++ b/frontend/src/components/EventList.css @@ -138,19 +138,24 @@ display: flex; flex-direction: column; align-items: center; + background: var(--color-background-tertiary); + border: 1px solid var(--color-border); + border-radius: 8px; + padding: 0.5rem 0.25rem; } .stat-label { - font-size: 0.8rem; + font-size: 0.75rem; color: var(--color-text-secondary); text-transform: uppercase; margin-bottom: 0.25rem; + text-align: center; } .stat-value { - font-size: 1.5rem; + font-size: 1.4rem; font-weight: bold; - color: var(--color-primary); + color: var(--color-text); } .event-card-actions { diff --git a/frontend/src/components/GuestList.css b/frontend/src/components/GuestList.css index d6e2551..bedf483 100644 --- a/frontend/src/components/GuestList.css +++ b/frontend/src/components/GuestList.css @@ -45,7 +45,21 @@ margin: 0; color: var(--color-text); font-size: 1.8rem; +} + +.header-title { flex: 1; + display: flex; + flex-direction: column; + align-items: center; + gap: 0.15rem; +} + +.header-event-name { + font-size: 1rem; + color: var(--color-primary); + font-weight: 600; + letter-spacing: 0.01em; } .header-actions { diff --git a/frontend/src/components/GuestList.jsx b/frontend/src/components/GuestList.jsx index ef3fc64..b698426 100644 --- a/frontend/src/components/GuestList.jsx +++ b/frontend/src/components/GuestList.jsx @@ -330,7 +330,12 @@ function GuestList({ eventId, onBack, onShowMembers }) {