Remove hr, rename css file

pages/events/[year]/index.module.css

@@ -2,6 +2,11 @@
   margin-top: calc(60rem / 16);
 }
 
+.main > h2 {
+  padding-bottom: 1rem;
+  border-bottom: 1px solid var(--primary-heading);
+}
+
 @media only screen and (max-width: calc(768rem / 16)) {
   .main {
     margin-top: calc(60rem / 16);

pages/events/[year]/index.tsx

@@ -6,7 +6,7 @@ import React from "react";
 import { Link } from "@/components/Link";
 import { getEventYears, getEventTermsByYear } from "@/lib/events";
 
-import styles from "./year.module.css";
+import styles from "./index.module.css";
 
 interface Props {
   year: string;
@@ -19,7 +19,6 @@ export default function Year(props: Props) {
       <h2>
         Events Archive:<span className={styles.blue}>{` ${props.year}`}</span>
       </h2>
-      <hr />
       <ul className={styles.list}>
         {props.terms.map((term) => (
           <li key={`${props.year}-${term}`}>