From f74204e83a2e920c32408949522d363849f0f2ae Mon Sep 17 00:00:00 2001
From: Ahmed Awan <qe66653@umbc.edu>
Date: Wed, 20 Nov 2024 14:31:06 -0600
Subject: [PATCH] use `one-line-summary` version of `TextSummary` and adds an
 `<hr>`

Fixes https://github.com/galaxyproject/galaxy/issues/19157 where we notice that the description could be full width instead of truncated half way, as well as the need for a visual distinction between the run form and the header annotation.
---
 client/src/components/Workflow/WorkflowAnnotation.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/client/src/components/Workflow/WorkflowAnnotation.vue b/client/src/components/Workflow/WorkflowAnnotation.vue
index 96d787ddc133..ab4738b35161 100644
--- a/client/src/components/Workflow/WorkflowAnnotation.vue
+++ b/client/src/components/Workflow/WorkflowAnnotation.vue
@@ -92,8 +92,9 @@ const workflowTags = computed(() => {
             </div>
         </div>
         <div v-if="props.showDetails">
-            <TextSummary v-if="description" class="my-1" :description="description" />
+            <TextSummary v-if="description" class="my-1" :description="description" one-line-summary component="span" />
             <StatelessTags v-if="workflowTags.length" :value="workflowTags" :disabled="true" />
+            <hr class="mb-0 mt-2" />
         </div>
     </div>
 </template>