diff --git a/web/src/components/events/eventItem.module.scss b/web/src/components/events/eventItem.module.scss index 74f19fb..8b46df3 100644 --- a/web/src/components/events/eventItem.module.scss +++ b/web/src/components/events/eventItem.module.scss @@ -19,7 +19,7 @@ } &.medium { - --size-image-width: 8rem; + --size-image-width: 8.2rem; grid-template-columns: var(--size-image-width) auto; column-gap: .6rem; align-items: center; @@ -39,7 +39,7 @@ text-transform: uppercase; } font-family: var(--font-serif); - font-size: var(--font-size-caption); + font-size: var(--font-size-body); } .title { @@ -47,7 +47,7 @@ } .day, .dates { - font-size: var(--font-size-xs); + font-size: var(--font-size-caption); } .text { diff --git a/web/src/components/news/newsItem.module.scss b/web/src/components/news/newsItem.module.scss index 5007de3..c2661bd 100644 --- a/web/src/components/news/newsItem.module.scss +++ b/web/src/components/news/newsItem.module.scss @@ -65,7 +65,7 @@ } } -@media (max-width: 500px) { +@media (max-width: 600px) { .newsItem { --item-height: 8rem; }