From af6bd9d3b1fd05ce089a56d3cf6a6bcb1e7badd8 Mon Sep 17 00:00:00 2001
From: David Hill <iamdavidhill@gmail.com>
Date: Sat, 24 Jan 2026 05:12:36 +0000
Subject: fix(ui): style comment popovers - 14px radius, move label below, use
 text-weak for label, text-strong 14px for comment

---
 packages/app/src/pages/session.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

(limited to 'packages/app')

diff --git a/packages/app/src/pages/session.tsx b/packages/app/src/pages/session.tsx
index baf91bd7e..a5cafa395 100644
--- a/packages/app/src/pages/session.tsx
+++ b/packages/app/src/pages/session.tsx
@@ -2030,13 +2030,13 @@ export default function Page() {
                                 <Icon name="comment" size="small" style={{ color: "var(--white)" }} />
                               </button>
                               <Show when={openedComment() === comment.id}>
-                                <div class="absolute top-0 right-[calc(100%+12px)] z-40 min-w-[200px] max-w-[320px] rounded-md bg-surface-raised-stronger-non-alpha border border-border-base shadow-md p-3">
+                                <div class="absolute top-0 right-[calc(100%+12px)] z-40 min-w-[200px] max-w-[320px] rounded-[14px] bg-surface-raised-stronger-non-alpha border border-border-base p-3">
                                   <div class="flex flex-col gap-1.5">
-                                    <div class="text-12-regular text-text-base whitespace-pre-wrap">
+                                    <div class="text-14-regular text-text-strong whitespace-pre-wrap">
                                       {comment.comment}
                                     </div>
-                                    <div class="text-12-medium text-text-strong whitespace-nowrap">
-                                      {getFilename(comment.file)}:{commentLabel(comment.selection)}
+                                    <div class="text-12-medium text-text-weak whitespace-nowrap">
+                                      Comment on {commentLabel(comment.selection)}
                                     </div>
                                   </div>
                                 </div>
-- 
cgit v1.2.3