diff --git a/awx/ui/client/src/job-detail/job-detail.block.less b/awx/ui/client/src/job-detail/job-detail.block.less index 6e6f4810da..0d6c921808 100644 --- a/awx/ui/client/src/job-detail/job-detail.block.less +++ b/awx/ui/client/src/job-detail/job-detail.block.less @@ -30,6 +30,12 @@ .JobDetail-rightSide{ .OnePlusOne-panel--right(100%, @breakpoint-md); + @media (min-width: @breakpoint-md) { + max-width: 50%; + } + @media (max-width: @breakpoint-md - 1px) { + padding-right: 15px; + } } .JobDetail-panelHeader{ display: flex; diff --git a/awx/ui/client/src/shared/layouts/one-plus-one.less b/awx/ui/client/src/shared/layouts/one-plus-one.less index ee578d995b..36df990c8f 100644 --- a/awx/ui/client/src/shared/layouts/one-plus-one.less +++ b/awx/ui/client/src/shared/layouts/one-plus-one.less @@ -10,7 +10,7 @@ .OnePlusOne-container(@height: 100%; @breakpoint: 900px){ height: @height; display: flex; - flex-diration: row; + flex-direction: row; @media screen and(max-width: @breakpoint){ flex-direction: column; } diff --git a/awx/ui/client/src/standard-out/standard-out.block.less b/awx/ui/client/src/standard-out/standard-out.block.less index ccaaedead4..33faba6273 100644 --- a/awx/ui/client/src/standard-out/standard-out.block.less +++ b/awx/ui/client/src/standard-out/standard-out.block.less @@ -3,6 +3,11 @@ /** @define StandardOut */ +standard-out-log { + flex: 5; + display: flex; +} + .StandardOut-preContent{ font-size: 12px; padding: 0 20px 0 20px; @@ -18,6 +23,15 @@ .StandardOut-rightPanel { .OnePlusTwo-right--panel(590px); + + @media (min-width: 900px) { + max-width: 50%; + } + + .Panel { + display: flex; + flex-direction: column; + } } .StandardOut-panelHeader { @@ -26,11 +40,17 @@ .StandardOut-consoleOutput { margin-top: 25px; - min-height: 200px; background-color: @default-secondary-bg; border-radius: 5px; - max-height: 1600px; + min-height: 300px; + max-height: 100vh; + height: ~"calc(100vh - 245px)"; + width: 100%; + overflow: auto; + #pre-container { + overflow: visible !important; + } } .StandardOut-details {