Merge pull request #20526 from overleaf/dp-mini-review-panel

Styling updates for mini review panel

GitOrigin-RevId: 1bbf7f1d2e02f5d6f3f50937d2b7b9cdc5a0878f

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>

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;
     }