From 3db5f928eed13dca7ad749b2ecf38fdb0c997902 Mon Sep 17 00:00:00 2001
From: Nick O'Leary <nick.oleary@gmail.com>
Date: Fri, 7 Feb 2020 13:59:08 +0000
Subject: [PATCH] Wrap long context values when displaying in sidebar Fixes
 #2400

---
 .../@node-red/editor-client/src/sass/debug.scss     |  1 +
 .../editor-client/src/sass/tab-context.scss         | 13 +++++++++++++
 2 files changed, 14 insertions(+)

diff --git a/packages/node_modules/@node-red/editor-client/src/sass/debug.scss b/packages/node_modules/@node-red/editor-client/src/sass/debug.scss
index d767aaed3..c92c43320 100644
--- a/packages/node_modules/@node-red/editor-client/src/sass/debug.scss
+++ b/packages/node_modules/@node-red/editor-client/src/sass/debug.scss
@@ -160,6 +160,7 @@
 .red-ui-debug-msg-element {
     color: $debug-message-text-color;
     line-height: 1.3em;
+    overflow-wrap: break-word;
 }
 .red-ui-debug-msg-object-key {
     color: $debug-message-text-color-object-key;
diff --git a/packages/node_modules/@node-red/editor-client/src/sass/tab-context.scss b/packages/node_modules/@node-red/editor-client/src/sass/tab-context.scss
index 46b09de43..4be9761f7 100644
--- a/packages/node_modules/@node-red/editor-client/src/sass/tab-context.scss
+++ b/packages/node_modules/@node-red/editor-client/src/sass/tab-context.scss
@@ -27,9 +27,22 @@
             display: none;
         }
     }
+
+    .red-ui-info-table {
+        table-layout: fixed;
+    }
+
+    table.red-ui-info-table tr:not(.blank) td:first-child {
+        width: 30%;
+    }
+    table.red-ui-info-table tr:not(.blank) td:last-child {
+        vertical-align: top;
+    }
+
 }
 
 .red-ui-sidebar-context-property {
+    overflow-wrap: break-word;
     position: relative;
     .red-ui-debug-msg-tools {
         right: 0px;