From a972616ebd7a78acb1819621df4d3fa72951235e Mon Sep 17 00:00:00 2001
From: Martin Vladic <martin.vladic@gmail.com>
Date: Sun, 15 Dec 2024 16:52:19 +0100
Subject: [PATCH] properties panel cosmetic changes

---
 .../eez-studio-ui/_stylesheets/project-editor.less   | 12 ++++++++----
 .../project-editor/flow/components/widgets/index.tsx |  2 +-
 packages/project-editor/lvgl/widgets/UserWidget.tsx  |  2 +-
 3 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/packages/eez-studio-ui/_stylesheets/project-editor.less b/packages/eez-studio-ui/_stylesheets/project-editor.less
index c2058700..4ef27b89 100644
--- a/packages/eez-studio-ui/_stylesheets/project-editor.less
+++ b/packages/eez-studio-ui/_stylesheets/project-editor.less
@@ -2543,11 +2543,15 @@
 
                     .form-check-label {
                         padding: 4px;
+                        width: 100%;
+                        overflow: hidden;
+                        display: inline-flex;
                         span {
+                            margin-left: 2px;
                             font-size: 95%;
                             white-space: nowrap;
-                            overflow: hidden;
-                            text-overflow: ellipsis;
+                            //overflow: hidden;
+                            //text-overflow: ellipsis;
                         }
                     }
                 }
@@ -2978,7 +2982,7 @@
                     0;
 
                 border-bottom: 1px solid @borderColor;
-                padding: 2px;
+                padding: 1px;
 
                 display: flex;
                 align-items: center;
@@ -3040,7 +3044,7 @@
 
 .EezStudio_ArrayPropertyToolbar {
     background-color: @panelHeaderColor;
-    padding: 4px 8px;
+    padding: 2px 8px;
     border-radius: var(--bs-border-radius) var(--bs-border-radius) 0 0;
 }
 
diff --git a/packages/project-editor/flow/components/widgets/index.tsx b/packages/project-editor/flow/components/widgets/index.tsx
index 9d4d894e..5c700101 100644
--- a/packages/project-editor/flow/components/widgets/index.tsx
+++ b/packages/project-editor/flow/components/widgets/index.tsx
@@ -1620,7 +1620,7 @@ const UserWidgetPropertyGridUI = observer(
                 return null;
             }
             return (
-                <div style={{ marginTop: 5, marginBottom: 5 }}>
+                <div style={{ display: "flex", marginTop: 5, marginBottom: 5 }}>
                     <Button
                         color="primary"
                         size="small"
diff --git a/packages/project-editor/lvgl/widgets/UserWidget.tsx b/packages/project-editor/lvgl/widgets/UserWidget.tsx
index eb913698..676d8df2 100644
--- a/packages/project-editor/lvgl/widgets/UserWidget.tsx
+++ b/packages/project-editor/lvgl/widgets/UserWidget.tsx
@@ -78,7 +78,7 @@ const LVGLUserWidgetWidgetPropertyGridUI = observer(
                 return null;
             }
             return (
-                <div style={{ marginTop: 5, marginBottom: 5 }}>
+                <div style={{ display: "flex", marginTop: 5, marginBottom: 5 }}>
                     <Button
                         color="primary"
                         size="small"