From 5f1631bf21a68564283d484ce7a6a6a3186749ed Mon Sep 17 00:00:00 2001
From: Leo Jeong <80350771+33tm@users.noreply.github.com>
Date: Wed, 25 Sep 2024 12:14:41 -0700
Subject: [PATCH] prevent note collision with action

---
 client/src/components/schedule/Period.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/src/components/schedule/Period.tsx b/client/src/components/schedule/Period.tsx
index cbe89fad..59575e10 100644
--- a/client/src/components/schedule/Period.tsx
+++ b/client/src/components/schedule/Period.tsx
@@ -109,7 +109,7 @@ export default function Period(props: PeriodProps) {
                 </div>
             )}
 
-            <button className={`mt-2 w-full px-3.5 py-1.5 rounded-md md:w-fit md:absolute right-5 top-0 ${duration.contains(now) ? 'bottom-8' : 'bottom-0'} md:my-auto md:h-fit bg-black/10 dark:bg-black/20 hover:bg-black/20 dark:hover:bg-black/30 transition duration-75`}>
+            <button className={`mt-2 w-full px-3.5 py-1.5 right-5 top-0 rounded-md ${note || 'md:w-fit md:absolute md:my-auto md:h-fit'} ${duration.contains(now) ? 'bottom-8' : 'bottom-0'} bg-black/10 dark:bg-black/20 hover:bg-black/20 dark:hover:bg-black/30 transition duration-75`}>
                 Action
             </button>
         </div>