Fix layout of title component elements

The spacing has been broken for job types that use this yield
(parameterised and periodic) since I added the exec button
to this template. The grouping here may be subpar; another
approach would be to yield contextual components (in the
absence of named blocks) so invocations can specify which
grouping to add to.

CHANGELOG.md

@@ -17,6 +17,7 @@ BUG FIXES:
  * scheduler: Fixed a bug in Nomad Enterprise where canaries were not being created during multi-region deployments [[GH-8456](https://github.com/hashicorp/nomad/pull/8456)]
  * ui: Fixed stale namespaces after changing acl tokens [[GH-8413](https://github.com/hashicorp/nomad/issues/8413)]
  * ui: Fixed inclusion of allocation when opening exec window [[GH-8460](https://github.com/hashicorp/nomad/pull/8460)]
+ * ui: Fixed layout of parameterized/periodic job title elemetns [[GH-8495](https://github.com/hashicorp/nomad/pull/8495)]
  * ui: Fixed order of column headers in client allocations table [[GH-8409](https://github.com/hashicorp/nomad/pull/8409)]
  * ui: Fixed missing namespace query param after changing acl tokens [[GH-8413](https://github.com/hashicorp/nomad/issues/8413)]
  * ui: Fixed exec to derive group and task when possible from allocation [[GH-8463](https://github.com/hashicorp/nomad/pull/8463)]

ui/app/templates/components/job-page/parts/title.hbs

@@ -2,8 +2,8 @@
   <div>
     {{or this.title this.job.name}}
     <span class="bumper-left tag {{this.job.statusClass}}" data-test-job-status>{{this.job.status}}</span>
+    {{yield}}
   </div>
-  {{yield}}
   <div>
     {{#if (not (eq this.job.status "dead"))}}
       <div class="two-step-button">