Use classes instead of style, add rounded, drop unnecessary gapx

Co-authored-by: Laila Los <[email protected]>
galaxyproject · Sep 28, 2023 · 2292142 · 2292142
1 parent a7ab719
commit 2292142
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/client/src/components/Workflow/Editor/NodeOutput.vue b/client/src/components/Workflow/Editor/NodeOutput.vue
@@ -320,16 +320,16 @@ const removeTagsAction = computed(() => {
                     @click="onToggleVisible">
                     <i :class="['mark-terminal', visibleClass]" />
                 </div>
-                <span class="flex-gapx-1">
+                <span>
                     <span
                         v-b-tooltip
                         :title="labelToolTipTitle"
+                        class="d-inline-block rounded"
                         :class="labelClass"
-                        :disabled="!isDuplicateLabel"
-                        style="display: inline-block">
+                        :disabled="!isDuplicateLabel">
                         {{ label }}
                     </span>
-                    <span style="display: inline-block"> ({{ extensions.join(", ") }}) </span>
+                    <span> ({{ extensions.join(", ") }}) </span>
                 </span>
             </div>