Fixed code editor and small ui changes in workflow ui

frontend/src/defaultCytoscapeStyle.jsx

@@ -34,6 +34,20 @@ const data = [
       "z-index": 5001,
     },
   },
+  {
+    selector: `node[buttonType="ACTIONSUGGESTION"]`,
+    css: {
+      label: "data(label)",
+      shape: "roundrectangle",
+	  "height": "16px",
+	  "width": "120px",
+      "background-color": "#212121",
+      "border-color": "#81c784",
+      "z-index": 10000,
+	  "border-radius": "10px",
+	  "text-margin-x": "0px",
+    },
+  },
   {
     selector: `node[type="ACTION"]`,
     css: {
@@ -120,7 +134,7 @@ const data = [
   {
     selector: `node[type="TRIGGER"]`,
     css: {
-      shape: "octagon",
+      shape: "round-octagon",
       "border-radius": "5px",
       "border-color": "orange",
       "background-color": "#213243",