components/Button.module.css

@@ -17,6 +17,16 @@
   cursor: pointer;
 }
 
+.button:focus,
+.link:focus {
+  box-shadow: 0 0 0 calc(4rem / 16) var(--secondary-accent);
+}
+
+.small.button:focus,
+.small.link:focus {
+  box-shadow: 0 0 0 calc(3rem / 16) var(--secondary-accent);
+}
+
 .link {
   text-decoration: none;
 }

components/Footer.module.css

@@ -1,8 +1,7 @@
 .footer {
   box-sizing: border-box;
   background: var(--primary-heading);
-  height: calc(66rem / 16);
-  padding: calc(14rem / 16) 0;
+  padding: 1rem 0;
   width: 100%;
 }
 
@@ -30,12 +29,14 @@
 
 @media only screen and (max-width: calc(768rem / 16)) {
   .footer {
-    height: calc(120rem / 16);
+    padding: 2rem 0;
+    height: unset;
   }
 
   .container {
     flex-direction: column-reverse;
     justify-content: space-around;
+    gap: 1rem;
     padding: 0 calc(24rem / 16);
   }
 }

components/MiniEventCard.module.css

@@ -45,6 +45,14 @@
   list-style: none;
 }
 
+.card > summary::marker {
+  display: none;
+}
+
+.card > summary::-webkit-details-marker {
+  display: none;
+}
+
 .dropDownIcon {
   fill: var(--primary-accent);
 }

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

@@ -1,9 +1,9 @@
 .main {
-  margin-top: calc(60rem / 16);
-  margin-bottom: calc(60rem / 16);
+  margin: calc(60rem / 16) 0;
 }
 
-.main > h1, .main > section > h1 {
+.main > h1,
+.main > section > h1 {
   padding-bottom: calc(16rem / 16);
   border-bottom: calc(1rem / 16) solid var(--primary-heading);
 }
@@ -34,3 +34,19 @@
 .main > .miniEventCards {
   margin-top: 0;
 }
+
+@media only screen and (max-width: calc(768rem / 16)) {
+  .main {
+    margin: calc(30rem / 16) 0;
+  }
+
+  .header {
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .header a {
+    margin: unset;
+  }
+}

pages/index.module.css

@@ -47,6 +47,7 @@
   font-family: "Futura", "sans-serif";
   font-size: calc(33rem / 16);
   text-align: center;
+  white-space: nowrap;
   color: var(--primary-heading);
 }
 
@@ -151,6 +152,7 @@
   .clubTitle {
     margin: calc(8rem / 16) 0;
     font-size: calc(20rem / 16);
+    white-space: unset;
   }
 
   .clubDescription {

pages/resources/advice/co-op.module.css

@@ -18,7 +18,7 @@
 }
 
 .adviceBarContainer > a {
-  padding-right: calc(48rem / 16);
+  margin-right: calc(48rem / 16);
   color: var(--text);
 }
 
@@ -46,6 +46,16 @@ a.currentAdvice {
     text-align: center;
   }
 
+  .adviceBarContainer {
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .adviceBarContainer > a {
+    margin: unset;
+  }
+
   .codey {
     width: calc(140rem / 16);
   }