Tweak of earlier fix for JENKINS-25971

Making side-panel and main-panel absolute positioned and full height

war/src/main/webapp/css/style.css

@@ -75,19 +75,34 @@ body {
 }
 
 #side-panel, #main-panel {
-  margin: 0px 0px 40px 0px;
   padding: 0px;
 }
 
-.fixedGridLayout #side-panel {
-  float:left;
+#page-body.fixedGridLayout, .fixedGridLayout #side-panel, .fixedGridLayout #main-panel {
+  left: 0px;
+}
+
+#page-body.fixedGridLayout {
   position: fixed;
-  width: 360px;
-  margin-left: 15px;
+  top: 66px; /* height of #header + #breadcrumbBar */
+  bottom: 37px; /* height of #footer-container */
+  right: 0px;
+  overflow: scroll;
+}
+.fixedGridLayout #side-panel, .fixedGridLayout #main-panel {
+  position: absolute;
+  top: 0px;
+  bottom: 0px;
+}
+
+.fixedGridLayout #side-panel {
+  width: 375px;
+  padding-left: 15px;
 }
 
 .fixedGridLayout #main-panel {
-  margin-left: 370px;
+  right: 0px;
+  margin-left: 375px;
   margin-right: 15px;
 }
 
@@ -112,7 +127,7 @@ body {
 }
 
 #footer-container {
-  position: absolute;
+  position: fixed;
   bottom: 0;
   width: 100%;
   padding: 10px 0px;