From e9e3b9b7c69098f329ad1cc3e4674f5d1a612bfe Mon Sep 17 00:00:00 2001
From: Nick O'Leary <nick.oleary@gmail.com>
Date: Thu, 8 Jul 2021 12:02:11 +0100
Subject: [PATCH] Fix layout of info outliner for subflow entries

---
 .../@node-red/editor-client/src/sass/tab-info.scss           | 5 ++---
 .../@node-red/editor-client/src/sass/ui/common/treeList.scss | 3 ++-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/node_modules/@node-red/editor-client/src/sass/tab-info.scss b/packages/node_modules/@node-red/editor-client/src/sass/tab-info.scss
index f646ea4be..d4d86cd89 100644
--- a/packages/node_modules/@node-red/editor-client/src/sass/tab-info.scss
+++ b/packages/node_modules/@node-red/editor-client/src/sass/tab-info.scss
@@ -332,7 +332,7 @@ div.red-ui-info-table {
 .red-ui-sidebar-help-toc, #red-ui-clipboard-dialog-import-conflicts-list, #red-ui-clipboard-dialog-export-tab-clipboard-preview
  {
     .red-ui-info-outline-item {
-        display: inline-block;
+        display: inline-flex;
         padding: 0;
         font-size: 13px;
         border: none;
@@ -402,8 +402,7 @@ div.red-ui-info-table {
 .red-ui-info-outline-gutter {
     display:none;
     button {
-        position: absolute;
-        top: 1px;
+        position: relative;
         left: 2px;
     }
     .red-ui-treeList-label:hover & {
diff --git a/packages/node_modules/@node-red/editor-client/src/sass/ui/common/treeList.scss b/packages/node_modules/@node-red/editor-client/src/sass/ui/common/treeList.scss
index 8911b1140..54e37b57c 100644
--- a/packages/node_modules/@node-red/editor-client/src/sass/ui/common/treeList.scss
+++ b/packages/node_modules/@node-red/editor-client/src/sass/ui/common/treeList.scss
@@ -69,7 +69,8 @@
 .red-ui-treeList-label {
     @include disable-selection;
     padding: 6px 0;
-    display: block;
+    display: flex;
+    align-items: center;
     color: $list-item-color;
     text-decoration: none;
     cursor: pointer;