From ab43a44b76de5dbad9a2e20508e78cceedac5ed9 Mon Sep 17 00:00:00 2001
From: David <33458145+davidmcpowell@users.noreply.github.com>
Date: Tue, 24 Sep 2024 09:54:22 +0100
Subject: [PATCH] Merge pull request #20526 from overleaf/dp-mini-review-panel

Styling updates for mini review panel

GitOrigin-RevId: 1bbf7f1d2e02f5d6f3f50937d2b7b9cdc5a0878f
---
 .../review-panel-new/components/review-panel-comment.tsx    | 2 +-
 .../frontend/stylesheets/app/editor/review-panel-new.less   | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/services/web/frontend/js/features/review-panel-new/components/review-panel-comment.tsx b/services/web/frontend/js/features/review-panel-new/components/review-panel-comment.tsx
index 1483999c79..5a43e1f23b 100644
--- a/services/web/frontend/js/features/review-panel-new/components/review-panel-comment.tsx
+++ b/services/web/frontend/js/features/review-panel-new/components/review-panel-comment.tsx
@@ -27,7 +27,7 @@ export const ReviewPanelComment = memo<{
       position={comment.op.p}
     >
       <div className="review-panel-entry-indicator">
-        <MaterialIcon type="edit" className="review-panel-entry-icon" />
+        <MaterialIcon type="comment" className="review-panel-entry-icon" />
       </div>
       <ReviewPanelCommentContent comment={comment} isResolved={false} />
     </ReviewPanelEntry>
diff --git a/services/web/frontend/stylesheets/app/editor/review-panel-new.less b/services/web/frontend/stylesheets/app/editor/review-panel-new.less
index 838d7234a1..dbd43f07a0 100644
--- a/services/web/frontend/stylesheets/app/editor/review-panel-new.less
+++ b/services/web/frontend/stylesheets/app/editor/review-panel-new.less
@@ -490,8 +490,12 @@
   &.review-panel-mini {
     overflow: visible !important;
 
+    .review-panel-inner {
+      width: 24px;
+    }
+
     .review-panel-entry {
-      margin-left: 2px;
+      margin-left: 0;
       background-color: transparent;
       border: none;
     }