From 8fb9e4968989bafa02dd9e1a0f040c12f69c51fb Mon Sep 17 00:00:00 2001
From: LeoMorgan113 <mandragora1783@gmail.com>
Date: Tue, 1 Jul 2025 16:32:49 +0300
Subject: [PATCH] Style fix for custom action editor

---
 ...custom-action-pretty-editor.component.scss | 53 +++++++++++++++++++
 1 file changed, 53 insertions(+)

diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/settings/common/action/custom-action-pretty-editor.component.scss b/ui-ngx/src/app/modules/home/components/widget/lib/settings/common/action/custom-action-pretty-editor.component.scss
index 002ccbeeb3..6db246723f 100644
--- a/ui-ngx/src/app/modules/home/components/widget/lib/settings/common/action/custom-action-pretty-editor.component.scss
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/settings/common/action/custom-action-pretty-editor.component.scss
@@ -19,6 +19,27 @@
   padding: 8px;
   background-color: #fff;
 
+  .tb-custom-action-editor-container {
+    border: none;
+  }
+
+  .tb-js-func-toolbar{
+    padding: 0 3px;
+  }
+
+  .tb-js-func {
+    &:not(.tb-fullscreen) {
+      &.tb-hide-brackets {
+        padding-bottom: 0;
+      }
+    }
+
+    .tb-js-func-panel {
+      border: none;
+      border-top: 1px solid #c0c0c0;
+    }
+  }
+
   .tb-fullscreen-panel {
     .tb-custom-action-editor-container {
       height: calc(100% - 40px);
@@ -36,14 +57,46 @@
     .mat-mdc-tab-group {
       .mat-mdc-tab-body-wrapper {
         height: 100%;
+
         .mat-mdc-tab-body {
           height: 100%;
+
           & > div {
             height: 100%;
           }
         }
       }
     }
+
+    .right-panel{
+      padding: 8px 0 25px;
+    }
+
+    .tb-custom-action-editor-container {
+      border: none;
+      border-bottom: 1px solid #c0c0c0;
+    }
+
+    .tb-js-func {
+      &.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;
+          }
+        }
+      }
+    }
   }
 
   .tb-split {