socket client

src/main/resources/static/css/custom.css

@@ -784,10 +784,11 @@ li.selected {
   background-color: #39077A;
 }
 
-.load_test_list .selected a{
+.load_test_list .selected a {
   color: white !important;
 }
-.load_test_list .selected i{
+
+.load_test_list .selected i {
   color: white !important;
 }
 
@@ -810,10 +811,11 @@ li.selected {
   background-color: #39077A;
 }
 
-.api-scenario-list .selected a{
+.api-scenario-list .selected a {
   color: white !important;
 }
-.api-scenario-list .selected i{
+
+.api-scenario-list .selected i {
   color: white !important;
 }
 
@@ -910,6 +912,7 @@ li.selected {
 
 
 .api-tester {
+  width: calc(100% - 200px);
   flex: 1; /* Flexible size */
   order: 2; /* Positions to the right of .api-catalog */
 }
@@ -1941,9 +1944,10 @@ footer div.foot_info span {
   padding-left: 20px;
 }
 
-.response_headers td{
+.response_headers td {
   padding: 1px !important;
 }
+
 .api_request_info {
   display: flex;
   flex-direction: row;
@@ -1969,7 +1973,7 @@ footer div.foot_info span {
   /*max-width: 100%; !* Optional, depending on layout *!*/
 }
 
-.path.editableInput .editableInputContent{
+.path.editableInput .editableInputContent {
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
 }
@@ -2033,7 +2037,13 @@ footer div.foot_info span {
 
 
 .layout_table {
-    width: 1500px;
+  width: auto;
+}
+
+.layout_tree_grid_indent {
+  width: 16px;
+  display: inline-block;
+  position: relative;
 }
 
 .api_request_info .show {
@@ -2043,3 +2053,18 @@ footer div.foot_info span {
 .api_request_info .hide {
   display: none;
 }
+
+
+.treegrid-indent {
+  width: 16px;
+  display: inline-block;
+  position: relative;
+}
+
+.treegrid-expander {
+  width: 16px;
+  height: 16px;
+  display: inline-block;
+  position: relative;
+  cursor: pointer;
+}