update the empty comment sidebar copy (#4694)

* update leave comments copy * update css
concrete-utopia · Jan 8, 2024 · bd49c7f · bd49c7f
1 parent a96f258
commit bd49c7f
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/editor/src/components/inspector/sections/comment-section.tsx b/editor/src/components/inspector/sections/comment-section.tsx
@@ -228,8 +228,15 @@ const ThreadPreviews = React.memo(() => {
       )}
       {when(
         sortedThreads.length === 0,
-        <div style={{ padding: 8, color: colorTheme.fg6.value }}>
-          Leave comments on the canvas.
+        <div
+          style={{
+            padding: 8,
+            color: colorTheme.fg6.value,
+            whiteSpace: 'normal',
+            overflowWrap: 'break-word',
+          }}
+        >
+          Use the commenting tool to leave comments on the canvas. They will also show up here.
         </div>,
       )}
       {sortedThreads.map((thread) => (