Modified style for step remove notification (#620)

* modified style for step remove notification

* Update defaultHtmlStepUi.js

examples/demo.css

@@ -215,11 +215,12 @@ h1 {
   border-radius:3px;
   font-size:2rem;
   position:fixed;
-  bottom:8px;
-  left:45%;
+  bottom:2px;
+  left:50%;
   min-width:14rem;
   text-align:center;
   display:none;
+  transform: translate(-50%, -50%);
 }
 
 .no-border {

examples/lib/defaultHtmlStepUi.js

@@ -254,4 +254,4 @@ function DefaultHtmlStepUi(_sequencer, options) {
     onRemove: onRemove,
     onDraw: onDraw
   }
-}
+}

package-lock.json

@@ -2723,7 +2723,8 @@
         "ansi-regex": {
           "version": "2.1.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "aproba": {
           "version": "1.2.0",
@@ -3138,7 +3139,8 @@
         "safe-buffer": {
           "version": "5.1.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "safer-buffer": {
           "version": "2.1.2",
@@ -3194,6 +3196,7 @@
           "version": "3.0.1",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "ansi-regex": "^2.0.0"
           }
@@ -3237,12 +3240,14 @@
         "wrappy": {
           "version": "1.0.2",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "yallist": {
           "version": "3.0.2",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         }
       }
     },