From 5c00766d86c86f648e90c435b6605335c410546b Mon Sep 17 00:00:00 2001
From: Dannon Baker <dannon.baker@gmail.com>
Date: Thu, 1 Oct 2020 14:00:35 -0400
Subject: [PATCH] Use block elements for labels to handle wrapping indentation

---
 .../scripts/components/Panels/Common/ToolSection.vue      | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/client/galaxy/scripts/components/Panels/Common/ToolSection.vue b/client/galaxy/scripts/components/Panels/Common/ToolSection.vue
index 69e8377ffe4..aa0b82f5e2f 100644
--- a/client/galaxy/scripts/components/Panels/Common/ToolSection.vue
+++ b/client/galaxy/scripts/components/Panels/Common/ToolSection.vue
@@ -12,9 +12,9 @@
                 <transition name="slide">
                     <div v-if="opened">
                         <template v-for="[key, el] in category.elems.entries()">
-                            <span v-if="el.text" class="label toolPanelLabel ml-2" :key="key">
+                            <div v-if="el.text" class="label toolPanelLabel ml-2" :key="key">
                                 {{ el.text }}
-                            </span>
+                            </div>
                             <tool
                                 v-else
                                 class="ml-2"
@@ -33,9 +33,9 @@
             </div>
         </div>
         <div v-else>
-            <span v-if="category.text" class="label toolPanelLabel">
+            <div v-if="category.text" class="label toolPanelLabel">
                 {{ category.text }}
-            </span>
+            </div>
             <tool
                 v-else
                 :tool="category"