diff --git a/pages/events/[year]/index.tsx b/pages/events/[year]/index.tsx
index 618ea9d4..39bc14fc 100644
--- a/pages/events/[year]/index.tsx
+++ b/pages/events/[year]/index.tsx
@@ -16,17 +16,19 @@ interface Props {
export default function Year(props: Props) {
return (
-
+
Events Archive:{` ${props.year}`}
-
+
{props.terms.map((term) => (
-
- {`${term.charAt(0).toUpperCase()}${term.slice(1)}`}
-
+ -
+
+ {`${term.charAt(0).toUpperCase()}${term.slice(1)}`}
+
+
))}
-
+
);
}
diff --git a/pages/events/[year]/year.module.css b/pages/events/[year]/year.module.css
index eada3687..d2d58c25 100644
--- a/pages/events/[year]/year.module.css
+++ b/pages/events/[year]/year.module.css
@@ -1,26 +1,22 @@
.main {
- margin: auto;
margin-top: calc(112rem / 16);
- margin-bottom: calc(224rem / 16);
- width: calc(800rem / 16);
}
-.heading2 {
- font-weight: 700;
- color: var(--primary-heading);
+@media only screen and (max-width: calc(768rem / 16)) {
+ .main {
+ margin-top: calc(48rem / 16);
+ }
}
.blue {
color: var(--primary-accent)
}
-.links {
- display: flex;
- flex-direction: column;
+.list {
+ list-style: none;
+ padding: 0;
}
-.links > * {
- font-weight: 400;
- font-size: 16px;
- margin-top: calc(30rem/16);
-}
\ No newline at end of file
+.list > li {
+ line-height: 3;
+}