properties panel cosmetic changes

eez-open · Dec 15, 2024 · a972616 · a972616
1 parent d4c637f
commit a972616
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 6 deletions.
diff --git 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
@@ -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
@@ -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"