Updated css files

charts/showroom-single-pod/files/split.css

@@ -2,11 +2,13 @@
   box-sizing: border-box;
   height:100%;
 }
+
 body {
   margin: 0;
   height:100%;
   /* font-size: 26px;*/
 }
+
 .content {
   width: 100%;
   height: 100%;
@@ -17,19 +19,23 @@ body {
   border-top: 1px solid;
   border-color: Gainsboro;
   border-top-width: thin;
-  margin-top: 8px;
+  margin-top: 0px;
 }
+
 .split {
   width:100%;
   height:100%;
   padding: 5px;
 }
+
 .left {
   height: 100%
 }
+
 .right {
-  height: 95%;
+  height: 100%
 }
+
 .gutter {
   /* cursor: e-resize; */
   /* background: grey; */
@@ -38,6 +44,7 @@ body {
   background-repeat: no-repeat;
   background-position: 50%;
 }
+
 .gutter.gutter-horizontal {
   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==');
   cursor: col-resize;
@@ -46,3 +53,4 @@ body {
   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFAQMAAABo7865AAAABlBMVEVHcEzMzMzyAv2sAAAAAXRSTlMAQObYZgAAABBJREFUeF5jOAMEEAIEEFwAn3kMwcB6I2AAAAAASUVORK5CYII=');
   cursor: row-resize;
 }
+

charts/showroom-single-pod/files/tabs.css

@@ -1,11 +1,14 @@
 /* Style the tab */
+
 .tab {
   overflow: hidden;
   border: 1px solid #ccc;
   background-color: #f1f1f1;
   height: 50px;
 }
+
 /* Style the buttons that are used to open the tab content */
+
 .tab button {
   background-color: inherit;
   float: left;
@@ -15,18 +18,27 @@
   padding: 14px 16px;
   transition: 0.3s;
 }
+
 /* Change background color of buttons on hover */
+
 .tab button:hover {
   background-color: #ddd;
 }
+
 /* Create an active/current tablink class */
+
 .tab button.active {
   background-color: #ccc;
 }
+
 /* Style the tab content */
+
 .tabcontent {
   display: none;
   padding: 6px 12px;
   border: 1px solid #ccc;
   border-top: none;
+  /* 100% - height of the tab above */
+  height: calc(100% - 50px);
 }
+