diff --git a/.changelog/15363.txt b/.changelog/15363.txt new file mode 100644 index 000000000..f0d0a6e68 --- /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 5d7796858..b6ce05fe2 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;