From 1c5036ad3f13f61f50f421181813a349515f1443 Mon Sep 17 00:00:00 2001
From: Phil Renaud <phil@riotindustries.com>
Date: Tue, 22 Nov 2022 14:25:23 -0500
Subject: [PATCH] Task sub row alignment changes

---
 .changelog/15363.txt                       | 3 +++
 ui/app/styles/components/task-sub-row.scss | 9 ++++++---
 2 files changed, 9 insertions(+), 3 deletions(-)
 create mode 100644 .changelog/15363.txt

diff --git a/.changelog/15363.txt b/.changelog/15363.txt
new file mode 100644
index 000000000000..f0d0a6e68443
--- /dev/null
+++ b/.changelog/15363.txt
@@ -0,0 +1,3 @@
+```release-note:improvement
+ui: Made task rows in Allocation tables look more aligned with their parent
+```
diff --git a/ui/app/styles/components/task-sub-row.scss b/ui/app/styles/components/task-sub-row.scss
index 5d7796858b35..b6ce05fe27a9 100644
--- a/ui/app/styles/components/task-sub-row.scss
+++ b/ui/app/styles/components/task-sub-row.scss
@@ -1,11 +1,13 @@
+$taskSubRowBackground: #f9f9f9;
+
 table tbody .task-sub-row {
   td {
-    border-top: 2px solid white;
-
+    border-top: 2px solid $taskSubRowBackground;
+    background-color: $taskSubRowBackground;
+    padding: 0.75em 1.5em;
     .name-grid {
       display: inline-grid;
       grid-template-columns: auto 1fr;
-      margin-left: 4rem;
       gap: 1rem;
 
       .task-name {
@@ -27,6 +29,7 @@ table tbody .task-sub-row {
         color: $blue;
         text-decoration: underline;
         font-weight: normal;
+        background-color: transparent;
         svg {
           color: black;
           margin-right: 5px;