From 41f3d1e30976d7f919aeeece41ceaf466da68fc6 Mon Sep 17 00:00:00 2001
From: Wroud <wrouds@gmail.com>
Date: Mon, 12 Oct 2020 01:28:51 +0300
Subject: [PATCH] chore(core-blocks): PropertiesTable styles improvement

---
 .../core-blocks/src/PropertiesTable/PropertyItem.tsx       | 4 +++-
 webapp/packages/core-blocks/src/PropertiesTable/styles.ts  | 7 ++++---
 .../ConnectionFormDialog/ConnectionFormDialog.tsx          | 1 +
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/webapp/packages/core-blocks/src/PropertiesTable/PropertyItem.tsx b/webapp/packages/core-blocks/src/PropertiesTable/PropertyItem.tsx
index 63e55fc5c4..94cee53976 100644
--- a/webapp/packages/core-blocks/src/PropertiesTable/PropertyItem.tsx
+++ b/webapp/packages/core-blocks/src/PropertiesTable/PropertyItem.tsx
@@ -43,13 +43,15 @@ const styles = composes(
       display: flex;
       box-sizing: border-box;
       flex: 1;
-      margin: 0px 1px;
       padding: 4px 0;
 
       & ShadowInput {
         padding: 0 36px;
       }
     }
+    property-value {
+      margin-left: 2px;
+    }
     property-name {
       flex: 0 0 auto;
       width: 300px;
diff --git a/webapp/packages/core-blocks/src/PropertiesTable/styles.ts b/webapp/packages/core-blocks/src/PropertiesTable/styles.ts
index 1df63273b9..4dee7a876e 100644
--- a/webapp/packages/core-blocks/src/PropertiesTable/styles.ts
+++ b/webapp/packages/core-blocks/src/PropertiesTable/styles.ts
@@ -28,7 +28,7 @@ export const PROPERTIES_TABLE_STYLES = composes(
     properties-header {
       box-sizing: border-box;
       display: inline-flex;
-      padding: 2px;
+      padding: 2px 0;
       position: sticky;
       z-index: 1;
       top: 0;
@@ -39,7 +39,9 @@ export const PROPERTIES_TABLE_STYLES = composes(
       box-sizing: border-box;
       flex: 1;
       padding: 4px 36px;
-      margin: 0px 1px;
+    }
+    properties-header-value, properties-header-right {
+      margin-left: 2px;
     }
     properties-header-name {
       flex: 0 0 auto;
@@ -47,7 +49,6 @@ export const PROPERTIES_TABLE_STYLES = composes(
     }
     properties-header-right {
       flex: 0 0 auto;
-      margin: 0px 1px;
     }
 
     properties-list {
diff --git a/webapp/packages/plugin-connection-custom/src/CustomConnection/ConnectionFormDialog/ConnectionFormDialog.tsx b/webapp/packages/plugin-connection-custom/src/CustomConnection/ConnectionFormDialog/ConnectionFormDialog.tsx
index d1344da16d..9e4f8a40c5 100644
--- a/webapp/packages/plugin-connection-custom/src/CustomConnection/ConnectionFormDialog/ConnectionFormDialog.tsx
+++ b/webapp/packages/plugin-connection-custom/src/CustomConnection/ConnectionFormDialog/ConnectionFormDialog.tsx
@@ -47,6 +47,7 @@ const styles = composes(
       flex: 1;
       display: flex;
       flex-direction: column;
+      height: 100%;
     }
 
     TabList {