From d800b42b6b58fdabaa7e145881d3b3cc6c870fa1 Mon Sep 17 00:00:00 2001
From: Francis Cao <franciscao@gmail.com>
Date: Tue, 26 Nov 2024 11:02:34 -0800
Subject: [PATCH] fix sessionactivity overflow

---
 .../sessions/[sessionId]/SessionActivity.module.css        | 7 ++-----
 .../[websiteId]/sessions/[sessionId]/SessionActivity.tsx   | 2 +-
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/app/(main)/websites/[websiteId]/sessions/[sessionId]/SessionActivity.module.css b/src/app/(main)/websites/[websiteId]/sessions/[sessionId]/SessionActivity.module.css
index b49230c7..fb830d38 100644
--- a/src/app/(main)/websites/[websiteId]/sessions/[sessionId]/SessionActivity.module.css
+++ b/src/app/(main)/websites/[websiteId]/sessions/[sessionId]/SessionActivity.module.css
@@ -5,7 +5,8 @@
 }
 
 .row {
-  display: flex;
+  display: grid;
+  grid-template-columns: max-content max-content 1fr;
   align-items: center;
   gap: 20px;
 }
@@ -15,10 +16,6 @@
   width: 150px;
 }
 
-.value {
-  white-space: nowrap;
-}
-
 .header {
   font-weight: bold;
 }
diff --git a/src/app/(main)/websites/[websiteId]/sessions/[sessionId]/SessionActivity.tsx b/src/app/(main)/websites/[websiteId]/sessions/[sessionId]/SessionActivity.tsx
index fd498ac3..642b93d9 100644
--- a/src/app/(main)/websites/[websiteId]/sessions/[sessionId]/SessionActivity.tsx
+++ b/src/app/(main)/websites/[websiteId]/sessions/[sessionId]/SessionActivity.tsx
@@ -42,7 +42,7 @@ export function SessionActivity({
                 </StatusLight>
               </div>
               <Icon>{eventName ? <Icons.Bolt /> : <Icons.Eye />}</Icon>
-              <div className={styles.value}>{eventName || urlPath}</div>
+              <div>{eventName || urlPath}</div>
             </div>
           </>
         );