From d518d437d2babdeda5a83fcb9ce61142bece312c Mon Sep 17 00:00:00 2001
From: Martin Vladic <martin.vladic@gmail.com>
Date: Sun, 15 Dec 2024 11:11:20 +0100
Subject: [PATCH] Update user-property.tsx

---
 .../project-editor/flow/user-property.tsx     | 21 ++++++++++---------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git a/packages/project-editor/flow/user-property.tsx b/packages/project-editor/flow/user-property.tsx
index 5e164483..69d32a76 100644
--- a/packages/project-editor/flow/user-property.tsx
+++ b/packages/project-editor/flow/user-property.tsx
@@ -433,9 +433,9 @@ export const UserPropertyValuesProperty = observer(
                 .values;
 
             return this.properties.map(propertyInfo => (
-                <tr
+                <div
                     key={propertyInfo.name}
-                    className={classNames({
+                    className={classNames("EezStudio_PropertyGrid_Property", {
                         inError: isPropertyInError(
                             userPropertyValues,
                             propertyInfo.name
@@ -446,12 +446,13 @@ export const UserPropertyValuesProperty = observer(
                         )
                     })}
                 >
-                    <td>
-                        <span title={propertyInfo.expressionType}>
-                            {propertyInfo.displayName as string}{" "}
-                        </span>
-                    </td>
-                    <td style={{ width: "100%" }}>
+                    <div
+                        className="property-name"
+                        title={propertyInfo.expressionType}
+                    >
+                        {propertyInfo.displayName as string}
+                    </div>
+                    <div style={{ width: "100%" }}>
                         <ProjectEditor.Property
                             key={propertyInfo.name}
                             propertyInfo={propertyInfo}
@@ -467,8 +468,8 @@ export const UserPropertyValuesProperty = observer(
                             }}
                             readOnly={false}
                         />
-                    </td>
-                </tr>
+                    </div>
+                </div>
             ));
         }
     }