From eba4015f04c7b7d5a4b81c94f3900a8db79ea2d2 Mon Sep 17 00:00:00 2001
From: Ahmed Awan <qe66653@umbc.edu>
Date: Tue, 28 Jul 2026 17:46:51 -0500
Subject: [PATCH] Fix invocation view header styling broken by the addition of
 `NavigationTitle`

The client/src/components/Common/NavigationTitle.vue component was added which reverted the styling fix for the client/src/components/Workflow/WorkflowNavigationTitle.vue done in https://github.com/galaxyproject/galaxy/pull/22639.
---
 client/src/components/Common/NavigationTitle.vue              | 4 ++--
 .../WorkflowInvocationState/WorkflowInvocationState.vue       | 1 -
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/client/src/components/Common/NavigationTitle.vue b/client/src/components/Common/NavigationTitle.vue
index 157d2b8ff1b..fe1c3f4ba21 100644
--- a/client/src/components/Common/NavigationTitle.vue
+++ b/client/src/components/Common/NavigationTitle.vue
@@ -27,7 +27,7 @@ const emit = defineEmits<{
 <template>
     <div>
         <div class="bg-secondary px-2 py-1 rounded d-flex flex-gapx-1 justify-content-between">
-            <div class="py-1 d-flex flex-wrap align-items-center flex-gapx-1" :data-description="headingDescription">
+            <div class="py-1 align-items-center flex-gapx-1" :data-description="headingDescription">
                 <GButton
                     v-if="collapsible"
                     transparent
@@ -39,7 +39,7 @@ const emit = defineEmits<{
                     <FontAwesomeIcon :icon="collapsed ? faAngleDoubleDown : faAngleDoubleUp" fixed-width />
                 </GButton>
                 <slot name="before-icon" />
-                <FontAwesomeIcon :icon="icon" fixed-width />
+                <FontAwesomeIcon class="mr-1" :icon="icon" fixed-width />
                 <slot name="title">
                     <b>{{ title }}</b>
                 </slot>
diff --git a/client/src/components/WorkflowInvocationState/WorkflowInvocationState.vue b/client/src/components/WorkflowInvocationState/WorkflowInvocationState.vue
index 3058a68e4d2..b44a54604f8 100644
--- a/client/src/components/WorkflowInvocationState/WorkflowInvocationState.vue
+++ b/client/src/components/WorkflowInvocationState/WorkflowInvocationState.vue
@@ -577,7 +577,6 @@ async function onCancel() {
     // progress bar shrinks to fit divs on either side
     flex-grow: 1;
     flex-shrink: 1;
-    max-width: 50%;
 
     .steps-progress,
     .jobs-progress {