Blocks and gutter aligned, removed extra borders

ui-ngx/src/app/modules/home/components/widget/lib/settings/common/action/custom-action-pretty-editor.component.html

@@ -43,7 +43,7 @@
     </div>
     <ng-template #fullscreenEditor>
       <div class="tb-fullscreen-panel tb-layout-fill flex flex-row">
-        <div #leftPanel class="tb-split tb-content">
+        <div #leftPanel class="tb-split tb-content left-panel">
           <tb-custom-action-pretty-resources-tabs [hasCustomFunction]="false"
                                                   [helpId]="helpId"
                                                   [action]="action" (actionUpdated)="onActionUpdated($event ? true : false)">

ui-ngx/src/app/modules/home/components/widget/lib/settings/common/action/custom-action-pretty-editor.component.scss

@@ -43,57 +43,48 @@
 
   .tb-fullscreen-panel {
     .tb-custom-action-editor-container {
-      height: calc(100% - 40px);
-    }
-
-    .right-panel {
-      padding-top: 8px;
-      padding-left: 3px;
-    }
-
-    tb-js-func .tb-js-func-panel {
-      box-sizing: border-box;
+      height: 100%;
     }
 
-    .mat-mdc-tab-group {
-      .mat-mdc-tab-body-wrapper {
-        height: 100%;
-
-        .mat-mdc-tab-body {
-          height: 100%;
-
-          & > div {
-            height: 100%;
-          }
-        }
-      }
+    .css-panel, .html-panel{
+      border: none;
     }
 
-    .right-panel{
-      padding: 8px 0 25px;
+    .left-panel, .right-panel{
+      height: calc(100% - 40px);
     }
 
-    .css-panel, .html-panel{
-      border: none;
-      border-bottom: 1px solid #c0c0c0;
+    .right-panel {
+      padding: 8px 0 0;
     }
 
     .tb-js-func {
+      .tb-js-func-panel {
+        box-sizing: border-box;
+      }
       &.fill-height {
         .tb-js-func-toolbar{
           padding: 0 5px;
         }
-        &:not(.tb-fullscreen) {
-          &.tb-hide-brackets {
-            padding-bottom: 15px;
-          }
-        }
 
         &.tb-hide-brackets {
           .tb-js-func-panel {
             border: none;
             border-top: 1px solid #c0c0c0;
-            border-bottom: 1px solid #c0c0c0;
+          }
+        }
+      }
+    }
+
+    .mat-mdc-tab-group {
+      .mat-mdc-tab-body-wrapper {
+        height: 100%;
+
+        .mat-mdc-tab-body {
+          height: 100%;
+
+          & > div {
+            height: 100%;
           }
         }
       }
@@ -124,7 +115,7 @@
   .tb-split.tb-split-horizontal,
   .gutter.gutter-horizontal {
     float: left;
-    height: 100%;
+    height: calc(100% - 40px);
   }
 
   .tb-action-expand-button {
@@ -135,20 +126,7 @@
     &.tb-fullscreen-editor {
       position: relative;
       right: 0;
-     /* .mat-mdc-button {
-        .mat-icon {
-          margin-right: 5px;
-        }
-      } */
     }
-
-   /* .mat-mdc-button {
-      min-width: 36px;
-      padding: 0;
-      .mat-icon {
-        margin-right: 0;
-      }
-    } */
   }
 
   .tb-custom-action-editor {
@@ -159,3 +137,4 @@
 }
 
 
+