From 6f2e16cb2ad166c09bf278a6d98c4f64d20adeb1 Mon Sep 17 00:00:00 2001
From: Jai Bhagat <jaybhagat841@gmail.com>
Date: Mon, 3 Jan 2022 11:33:47 -0500
Subject: [PATCH] chore:  prettify task-groups template

---
 .../components/job-page/parts/task-groups.hbs | 39 +++++++++++++------
 1 file changed, 28 insertions(+), 11 deletions(-)

diff --git a/ui/app/templates/components/job-page/parts/task-groups.hbs b/ui/app/templates/components/job-page/parts/task-groups.hbs
index aaeb0f95e..ab228b57c 100644
--- a/ui/app/templates/components/job-page/parts/task-groups.hbs
+++ b/ui/app/templates/components/job-page/parts/task-groups.hbs
@@ -6,21 +6,38 @@
     <ListTable
       @source={{this.sortedTaskGroups}}
       @sortProperty={{this.sortProperty}}
-      @sortDescending={{this.sortDescending}} as |t|>
+      @sortDescending={{this.sortDescending}} as |t|
+    >
       <t.head>
-        <t.sort-by @prop="name">Name</t.sort-by>
-        <t.sort-by @prop="count">Count</t.sort-by>
-        <t.sort-by @prop="queuedOrStartingAllocs" @class="is-3">Allocation Status</t.sort-by>
-        <t.sort-by @prop="volumes.length">Volume</t.sort-by>
-        <t.sort-by @prop="reservedCPU">Reserved CPU</t.sort-by>
-        <t.sort-by @prop="reservedMemory">Reserved Memory</t.sort-by>
-        <t.sort-by @prop="reservedEphemeralDisk">Reserved Disk</t.sort-by>
+        <t.sort-by @prop="name">
+          Name
+        </t.sort-by>
+        <t.sort-by @prop="count">
+          Count
+        </t.sort-by>
+        <t.sort-by @prop="queuedOrStartingAllocs" @class="is-3">
+          Allocation Status
+        </t.sort-by>
+        <t.sort-by @prop="volumes.length">
+          Volume
+        </t.sort-by>
+        <t.sort-by @prop="reservedCPU">
+          Reserved CPU
+        </t.sort-by>
+        <t.sort-by @prop="reservedMemory">
+          Reserved Memory
+        </t.sort-by>
+        <t.sort-by @prop="reservedEphemeralDisk">
+          Reserved Disk
+        </t.sort-by>
       </t.head>
       <t.body as |row|>
-        <TaskGroupRow data-test-task-group
+        <TaskGroupRow
+          data-test-task-group
           @taskGroup={{row.model}}
-          @onClick={{action this.gotoTaskGroup row.model}} />
+          @onClick={{action this.gotoTaskGroup row.model}}
+        />
       </t.body>
     </ListTable>
   </div>
-</div>
+</div>
\ No newline at end of file