From 31705dd3c778fef31c0ac41319b52f8f30f0c6ad Mon Sep 17 00:00:00 2001
From: sg00dwin <sgoodwin@redhat.com>
Date: Fri, 29 Sep 2017 12:31:07 -0400
Subject: [PATCH] Add space on right for when log-view-output has vertical
 scroll. This prevents horizontal scrollbar. Fixes
 https://github.com/openshift/origin-web-console/issues/2189

---
 app/styles/_log.less | 1 +
 dist/styles/main.css | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/app/styles/_log.less b/app/styles/_log.less
index 45e1a17f98..501b577801 100644
--- a/app/styles/_log.less
+++ b/app/styles/_log.less
@@ -143,6 +143,7 @@
       font-size: 12px;
     }
     padding: 40px 0;
+    padding-right: @scrollbar-width; // allot space for vertical scrollbar to prevent horizontal scrollbar
     @media only screen and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 0) {
       // On an iPhone, add additional margin so that following logs is never obscured
       // by the bottom buttons that are displayed and hidden.
diff --git a/dist/styles/main.css b/dist/styles/main.css
index ce0935ca7c..25f8f063a9 100644
--- a/dist/styles/main.css
+++ b/dist/styles/main.css
@@ -5671,7 +5671,7 @@ alerts+.chromeless .log-loading-msg{margin-top:130px}
 @media (min-width:768px){.log-view .log-scroll-top.affix{top:111px}
 }
 .chromeless .log-view .log-scroll-top.affix{right:25px;top:51px}
-.log-view .log-view-output{font-size:11px;padding:40px 0}
+.log-view .log-view-output{font-size:11px;padding:40px 15px 40px 0}
 @media (min-width:768px){.chromeless .log-view .log-scroll-top.affix{top:71px}
 .log-view .log-view-output{font-size:12px}
 }