diff --git a/web/src/components/events/EventItem.tsx b/web/src/components/events/EventItem.tsx index a232705..5d3ca16 100644 --- a/web/src/components/events/EventItem.tsx +++ b/web/src/components/events/EventItem.tsx @@ -56,7 +56,7 @@ export const EventItem = ({ "occurrence" in event && event.occurrence?.start && (
- {formatDate(event.occurrence?.start, "eeee dd.MM.")} + {formatDate(event.occurrence?.start, "eeee dd.MM.")} {formatDate(event.occurrence?.start, "'kl.' HH:mm")}
)}diff --git a/web/src/components/events/eventItem.module.scss b/web/src/components/events/eventItem.module.scss index 426d6c2..8ffed7d 100644 --- a/web/src/components/events/eventItem.module.scss +++ b/web/src/components/events/eventItem.module.scss @@ -40,29 +40,27 @@ width: var(--size-image-width); } + .day, .dates, .title { - font-size: var(--font-size-body); + font-size: var(--font-size-caption); + line-height: 1.3; } .day { + opacity: 0.8; &:first-letter { text-transform: uppercase; } - font-family: var(--font-serif); - font-size: var(--font-size-body); } .title { margin: .2em 0; - } - - .day, .dates { - font-size: var(--font-size-caption); + font-size: var(--font-size-body); + line-height: 1.2; } .text { - align-self: start; &:before { display: none; } diff --git a/web/src/components/events/upcomingEvents.module.scss b/web/src/components/events/upcomingEvents.module.scss index 1f84322..db9efac 100644 --- a/web/src/components/events/upcomingEvents.module.scss +++ b/web/src/components/events/upcomingEvents.module.scss @@ -40,8 +40,4 @@ ul { display: flex; } - - li { - padding-right: var(--spacing-s); - } } \ No newline at end of file