From 7a02769dc6920d003e101af29dc0686c1824acf0 Mon Sep 17 00:00:00 2001
From: Martin Cech <marten@bx.psu.edu>
Date: Fri, 22 Sep 2023 14:11:40 -0700
Subject: [PATCH] break also mid-words for tool panel

prevent long tool names, descriptions and workflow names to create scrollbar in tool panel
---
 client/src/components/Panels/Common/Tool.vue | 3 +++
 client/src/components/Panels/ToolBox.vue     | 6 ++++++
 2 files changed, 9 insertions(+)

diff --git a/client/src/components/Panels/Common/Tool.vue b/client/src/components/Panels/Common/Tool.vue
index 25efb6dc63d7..644b334485b1 100644
--- a/client/src/components/Panels/Common/Tool.vue
+++ b/client/src/components/Panels/Common/Tool.vue
@@ -79,6 +79,9 @@ export default {
 </script>
 
 <style scoped>
+.toolTitle {
+    overflow-wrap: anywhere;
+}
 .logo {
     width: 2.5rem;
 }
diff --git a/client/src/components/Panels/ToolBox.vue b/client/src/components/Panels/ToolBox.vue
index e6cf09ff3b88..09c9a42d03d9 100644
--- a/client/src/components/Panels/ToolBox.vue
+++ b/client/src/components/Panels/ToolBox.vue
@@ -210,3 +210,9 @@ export default {
     },
 };
 </script>
+
+<style scoped>
+.toolTitle {
+    overflow-wrap: anywhere;
+}
+</style>