Task sub row alignment changes (#15363)

hashicorp · Nov 22, 2022 · 1420433 · 1420433
1 parent 8667dc2
commit 1420433
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/.changelog/15363.txt 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
@@ -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;