Add starting stepID information to list of workflows in automation tab

client/web/compose/src/components/PageBlocks/Shared/AutomationTab.vue

@@ -102,17 +102,24 @@
                   <code v-if="b.label && b.script">{{ b.script }}</code>
                 </div>
                 <p
-                  v-if="b.description"
-                  class="mb-0 mt-2"
+                  class="my-2"
                 >
-                  {{ b.description }}
+                  <span
+                    v-if="b.description"
+                  >
+                    {{ b.description }}
+                  </span>
+
+                  <i v-else>
+                    {{ $t('automation.noDescription') }}
+                  </i>
                 </p>
-                <p
-                  v-else
-                  class="mb-0 mt-2"
+
+                <var
+                  v-if="b.stepID"
                 >
-                  <i>{{ $t('automation.noDescription') }}</i>
-                </p>
+                  {{ $t('automation.stepID', { stepID: b.stepID }) }}
+                </var>
               </b-list-group-item>
             </b-list-group>
           </b-card>

client/web/compose/src/components/PageBlocks/Shared/AutomationTabButtonEditor.vue

@@ -37,9 +37,6 @@
       <h5>
         {{ workflow.meta.name || $t('automation.noLabel') }}
       </h5>
-      <var>
-        {{ $t('automation.stepID', { stepID: trigger.stepID}) }}
-      </var>
     </div>
 
     <code
@@ -58,18 +55,22 @@
 
     <p
       v-if="workflow && workflow.meta"
-      class="mb-0 mt-2"
+      class="my-2"
     >
       {{ workflow.meta.description || $t('automation.noDescription') }}
     </p>
 
     <p
       v-else-if="script"
-      class="mb-0 mt-2"
+      class="my-2"
     >
       {{ script.description || $t('automation.noDescription') }}
     </p>
 
+    <var>
+      {{ $t('automation.stepID', { stepID: trigger.stepID }) }}
+    </var>
+
     <template #footer>
       <c-input-confirm
         variant="link-light"