ui: zebra expression add

packages/entity/src/behavior-components/expressions.jsx

@@ -78,35 +78,37 @@ const Expressions = ({
           );
         })
       }
-      <button
+      <div className="expressions__expression-wrapper">
-        className="expressions__add-expression"
+        <button
-        onClick={() => {
+          className="expressions__add-expression"
-          patch({
+          onClick={() => {
-            op: 'add',
+            patch({
-            path: join(path, 'expressions/-'),
+              op: 'add',
-            value: {
+              path: join(path, 'expressions/-'),
-              type: 'expression',
+              value: {
-              ops: [
+                type: 'expression',
-                {
+                ops: [
-                  type: 'key',
+                  {
-                  key: 'Flow',
+                    type: 'key',
-                },
+                    key: 'Flow',
-                {
+                  },
-                  type: 'key',
+                  {
-                  key: 'nop',
+                    type: 'key',
-                },
+                    key: 'nop',
-                {
+                  },
-                  type: 'invoke',
+                  {
-                  args: [],
+                    type: 'invoke',
-                },
+                    args: [],
-              ],
+                  },
-            },
+                ],
-          });
+              },
-        }}
+            });
-        type="button"
+          }}
-      >
+          type="button"
-        Add expression
+        >
-      </button>
+          Add expression
+        </button>
+      </div>
     </div>
   );
 };