Use flex-gapx-1 to space label and extensions

galaxyproject · Sep 27, 2023 · b6f7ecf · b6f7ecf
1 parent 54f4363
commit b6f7ecf
Showing 1 changed file with 6 additions and 4 deletions.
diff --git 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