Tweak layout to suit mod and cm cases.

online-go · Oct 7, 2024 · e0397f5 · e0397f5
1 parent 52a0df3
commit e0397f5
Showing 1 changed file with 9 additions and 8 deletions.
diff --git a/src/views/ReportsCenter/ViewReport.tsx b/src/views/ReportsCenter/ViewReport.tsx
@@ -540,6 +540,15 @@ export function ViewReport({ report_id, reports, onChange }: ViewReportProps): J
                         </div>
                     )}
 
+                    {report.escalated &&
+                        report.community_mod_note &&
+                        (user.is_moderator || user.moderator_powers & MODERATOR_POWERS.SUSPEND) && (
+                            <div className="notes">
+                                <h4>Escalator's note:</h4>
+                                <div className="Card">{report.community_mod_note}</div>
+                            </div>
+                        )}
+
                     {((!user.is_moderator && user.moderator_powers) || null) && (
                         <div className="voting">
                             <ModerationActionSelector
@@ -599,14 +608,6 @@ export function ViewReport({ report_id, reports, onChange }: ViewReportProps): J
                             </>
                         )}
                     </div>
-                    {report.escalated &&
-                        report.community_mod_note &&
-                        (user.is_moderator || user.moderator_powers & MODERATOR_POWERS.SUSPEND) && (
-                            <div className="community-mod-note">
-                                <h5>Community Moderator Note:</h5>
-                                <div className="Card">{report.community_mod_note}</div>
-                            </div>
-                        )}
                     {user.is_moderator && (
                         <div className="actions-right">
                             {reportState !== "resolved" && report.detected_ai_games?.length > 0 ? (