From 879c8ab96664ca1107a9962ed987c4c4a3fdfff7 Mon Sep 17 00:00:00 2001
From: AVDestroyer <mr.arnav.vora@gmail.com>
Date: Fri, 19 Apr 2024 17:11:45 -0700
Subject: [PATCH 1/2] fixed archive card overflow error

- for some reason this doesn't work with `yarn build` but does with
  `yarn run dev`???
---
 styles/Archive.module.scss | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/styles/Archive.module.scss b/styles/Archive.module.scss
index 3922a58..753b7d7 100644
--- a/styles/Archive.module.scss
+++ b/styles/Archive.module.scss
@@ -18,7 +18,7 @@
   border: var(--cyber-gold) 2px solid;
   border-radius: 2rem;
   width: 20rem;
-  height: 15rem;
+  height: 17rem;
   text-align: left;
 
   &:hover {
@@ -28,8 +28,10 @@
 }
 
 .eventContent {
-  display: block;
+  display: flex;
   width: 100%;
+  flex-direction: column;
+  height: 100%;
 }
 
 .graphic {
@@ -54,11 +56,12 @@
   font-size: 1rem;
   color: var(--organic-oranges);
   margin: 0rem 1rem 0.7rem 1rem;
+  flex-grow: 1;
 }
 
 .links {
   vertical-align: top;
-  margin: 0rem 1.5rem 0.7rem 1rem;
+  margin: 0rem 1.5rem 0.85rem 1.5rem;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;

From 3d3f0b814670a3c077918bb15a122be8b6e1fab7 Mon Sep 17 00:00:00 2001
From: AVDestroyer <mr.arnav.vora@gmail.com>
Date: Fri, 19 Apr 2024 17:38:48 -0700
Subject: [PATCH 2/2] increased size of cards on events page

---
 styles/Events.module.scss | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/styles/Events.module.scss b/styles/Events.module.scss
index bd9f391..7224472 100644
--- a/styles/Events.module.scss
+++ b/styles/Events.module.scss
@@ -56,6 +56,7 @@
   width: 20rem;
   position: relative;
   transition: box-shadow 0.2s;
+  height: 23rem;
 }
 
 @media screen and (max-width: 600px) {
@@ -79,7 +80,6 @@
   border-top-left-radius: var(--border-radius);
   border-top-right-radius: var(--border-radius);
   width: 100%;
-  flex: 1;
 }
 
 .event-card .details {
@@ -89,6 +89,10 @@
   padding-bottom: calc(0.5 * var(--border-radius));
   border-bottom-left-radius: var(--border-radius);
   border-bottom-right-radius: var(--border-radius);
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-evenly;
 }
 
 .upcoming .event-card .details {