diff --git a/awx/ui/client/legacy-styles/lists.less b/awx/ui/client/legacy-styles/lists.less index 92dabcc1d3..53449ad4c6 100644 --- a/awx/ui/client/legacy-styles/lists.less +++ b/awx/ui/client/legacy-styles/lists.less @@ -155,6 +155,7 @@ table, tbody { font-weight: normal; padding: 2px 10px; height: 14px; + line-height: 10px; margin: 0; background-color: @list-title-badge; border-radius: 5px; diff --git a/awx/ui/client/src/job-results/job-results-stdout/job-results-stdout.block.less b/awx/ui/client/src/job-results/job-results-stdout/job-results-stdout.block.less index 1149deb007..3e9c505a76 100644 --- a/awx/ui/client/src/job-results/job-results-stdout/job-results-stdout.block.less +++ b/awx/ui/client/src/job-results/job-results-stdout/job-results-stdout.block.less @@ -147,7 +147,7 @@ padding-top: 2px; padding-bottom: 2px; width: 75px; - flex: initial; + flex: 1 0 70px; user-select: none; -moz-user-select: none; -webkit-user-select: none; @@ -191,7 +191,7 @@ } .JobResultsStdOut-footer { - height: 10px; + height: 20px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-color: @default-secondary-bg; @@ -199,6 +199,8 @@ border-radius: 5px; border-top-left-radius: 0px; border-top-right-radius: 0px; + overflow: hidden; + margin-top: -1px; } .JobResultsStdOut-footerNumberColumn { @@ -209,19 +211,28 @@ } .JobResultsStdOut-followAnchor { - height: 20px; - width: 100%; - border-left: 70px solid @default-list-header-bg; - background-color: @default-secondary-bg; + height: 0px; } .JobResultsStdOut-toTop { - margin-right: 20px; color: @default-icon; cursor: pointer; - text-align: right; font-family: monaco; - border-left: 1px solid @d7grey; + font-size: 10px; + margin-right: 20px; + text-align: right; + display: flex; + + span { + margin-left: auto; + } +} + +.JobResultsStdOut-toTop--numberColumn { + background: @default-list-header-bg; + height: 40px; + width: 70px; + border-right: 1px solid #D7D7D7; } .JobResultsStdOut-toTop:hover { @@ -247,9 +258,7 @@ } .JobResultsStdOut-followAnchor { - height: 20px; - width: 100%; - border-left: 70px solid @default-list-header-bg; + height: 0px; } .JobResultsStdOut-stdoutContainer { diff --git a/awx/ui/client/src/job-results/job-results-stdout/job-results-stdout.partial.html b/awx/ui/client/src/job-results/job-results-stdout/job-results-stdout.partial.html index 88ee156a4e..7b193b0032 100644 --- a/awx/ui/client/src/job-results/job-results-stdout/job-results-stdout.partial.html +++ b/awx/ui/client/src/job-results/job-results-stdout/job-results-stdout.partial.html @@ -37,7 +37,7 @@