From fe052f08ca266acff2bdc480c8e314573174f2ad Mon Sep 17 00:00:00 2001
From: Justin Stitt <jstitt007@gmail.com>
Date: Sun, 4 Jun 2023 00:55:00 -0700
Subject: [PATCH] fix: event summary, glow, margins

---
 src/routes/(site)/events/event-summary.svelte | 1 +
 src/routes/(site)/events/event.svelte         | 7 ++++++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/routes/(site)/events/event-summary.svelte b/src/routes/(site)/events/event-summary.svelte
index 6af78224b..4e78c7d01 100644
--- a/src/routes/(site)/events/event-summary.svelte
+++ b/src/routes/(site)/events/event-summary.svelte
@@ -86,6 +86,7 @@
     flex-direction: row-reverse;
     padding: 0 2em 2em 2em;
     gap: 1em;
+    margin-top: 1em;
 
     .action-item {
       --size: 40px;
diff --git a/src/routes/(site)/events/event.svelte b/src/routes/(site)/events/event.svelte
index fea0a9a25..9de9d1e85 100644
--- a/src/routes/(site)/events/event.svelte
+++ b/src/routes/(site)/events/event.svelte
@@ -41,6 +41,7 @@
     bind:this={details}
     on:click|preventDefault|stopPropagation={() => (shown = !shown)}
     on:keypress|preventDefault|stopPropagation={() => (shown = !shown)}
+    class:highlighted={shown}
   >
     <summary class="event-body">
       <div class="event-name">
@@ -109,11 +110,15 @@
     box-shadow: 0 6px 18px rgba(var(--highlights, --acm-general-rgb), 0.65);
   }
 
-  .event-card[open] {
+  .highlighted {
     box-shadow: 0 6px 24px rgba(var(--highlights, --acm-general-rgb), 0.75);
     border: 2px solid rgb(var(--highlights, --acm-general-rgb));
   }
 
+  .event-card[open] {
+    border: 2px solid rgb(var(--highlights, --acm-general-rgb));
+  }
+
   .event-card:hover h2,
   .event-card[open] h2 {
     color: rgb(var(--highlights, --acm-general-rgb));