From b6f7ecfb0606e10087a0435f4185b36a044ed8ca Mon Sep 17 00:00:00 2001
From: mvdbeek <m.vandenbeek@gmail.com>
Date: Wed, 27 Sep 2023 13:21:32 +0200
Subject: [PATCH] Use flex-gapx-1 to space label and extensions

---
 client/src/components/Workflow/Editor/NodeOutput.vue | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/client/src/components/Workflow/Editor/NodeOutput.vue b/client/src/components/Workflow/Editor/NodeOutput.vue
index 71e093b4b49b..b5666b58d9bd 100644
--- a/client/src/components/Workflow/Editor/NodeOutput.vue
+++ b/client/src/components/Workflow/Editor/NodeOutput.vue
@@ -320,10 +320,12 @@ const removeTagsAction = computed(() => {
                     @click="onToggleVisible">
                     <i :class="['mark-terminal', visibleClass]" />
                 </div>
-                <span v-b-tooltip :title="labelToolTipTitle" :class="labelClass">
-                    {{ label }}
-                </span>
-                <span class="ml-1"> ({{ extensions.join(", ") }}) </span>
+                <div class="d-flex flex-gapx-1">
+                    <span v-b-tooltip :title="labelToolTipTitle" :class="labelClass">
+                        {{ label }}
+                    </span>
+                    <span>({{ extensions.join(", ") }}) </span>
+                </div>
             </div>
 
             <div