graflow: EIC + text replacement

app/assets/html/bzGraflow/nodesTest2.html

@@ -14,7 +14,8 @@
     .bzgf-node .text {
         position: absolute;
         top: 50%;
-        transform: translateY(-50%);
+        left: 50%;
+        transform: translateX(-50%) translateY(-50%);
         width: 100%;
         height: 2em;
         color: white;
@@ -42,6 +43,8 @@
         height: 30px;
         border-radius: 50%;
     }
+    .bzgf-node[data-nodetype="start"] .text,
+    .bzgf-node[data-nodetype="end"] .text{ width: 80%; }
 
     .bzgf-node[data-nodetype="condition"]{
         border: none;
@@ -66,9 +69,10 @@
             height: 70px;
             padding: 0;
     }
+    .bzgf-node[data-nodetype="process"] .text{ width: 80%; }    
     .bzgf-node[data-nodetype="process"] .dbline{
             border: 1px solid white;
-            width: 80%;
+            width: 75%;
             height: 100%;
             position: absolute;
             top: -1px;
@@ -94,11 +98,8 @@
     }
     .bzgf-node[data-nodetype="database"] .text{
         background: black;
-        width: 99%;
-        height: 98%;
+        width: 87%;
         z-index: 1;
-        position: absolute;
-        inset: 0;
     }
     .bzgf-node[data-nodetype="database"] .bottom{
         z-index: 0;
@@ -120,6 +121,7 @@
         padding: 0;
         border: none;
     }
+    .bzgf-node[data-nodetype="preparation"] .text{ width: 85%; }
     .bzgf-node[data-nodetype="preparation"] .outerframe{
         width: 100%;
         height: 100%;