From 6ce42e7d36873ea49abf03609f4dc3edffa32ec9 Mon Sep 17 00:00:00 2001
From: Minh Vo <minh.vo2@mail.mcgill.ca>
Date: Sat, 27 Dec 2025 11:56:41 -0500
Subject: [PATCH] update peeking animation

---
 src/app.css                            | 3 ++-
 src/components/event/EventBlock.svelte | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/app.css b/src/app.css
index a985451..2bdff0a 100644
--- a/src/app.css
+++ b/src/app.css
@@ -222,7 +222,8 @@ h2 {
 
 @keyframes rotate-and-back {
     0% { transform: rotateY(0); }
-    50% { transform: rotateY(15deg); }
+    33% { transform: rotateY(5deg); }
+	66% { transform: rotateY(-5deg); }
     100% { transform: rotateY(0); }
 }
 
diff --git a/src/components/event/EventBlock.svelte b/src/components/event/EventBlock.svelte
index 9e1adda..e828ee0 100644
--- a/src/components/event/EventBlock.svelte
+++ b/src/components/event/EventBlock.svelte
@@ -64,7 +64,7 @@
 	group relative flex flex-col rounded-2xl  transition-all duration-300 hover:-translate-y-3"
 	>
 	<!--Flip Card container-->
-	<div class="flip-box-inner rounded-2xl  " class:show-back={showDescription}>
+	<div class="flip-box-inner rounded-2xl" class:show-back={showDescription}>
 		<!--Front Side-->
 		<!--Opacity thing is to fix the visual bug on ios-->
 		<div class="flip-box-front bg-ecsess-950 shadow-xl shadow-ecsess-950/60 rounded-2xl transition-opacity duration-500 {showDescription ? 'opacity-0 pointer-events-none' : 'opacity-100'}">