From 709df84cb2b603b96e5fd077c8610e6f849196f4 Mon Sep 17 00:00:00 2001
From: aashna27 <aashna.mittal27@gmail.com>
Date: Tue, 19 Mar 2019 21:11:39 +0530
Subject: [PATCH] Corrected view (#867)

---
 examples/demo.css                 | 12 +++---------
 examples/lib/defaultHtmlStepUi.js |  6 ++----
 2 files changed, 5 insertions(+), 13 deletions(-)

diff --git a/examples/demo.css b/examples/demo.css
index c97103b4..2798012f 100644
--- a/examples/demo.css
+++ b/examples/demo.css
@@ -251,14 +251,8 @@ a.name-header{
   color: #445;
 }
 
-.step-column{ 
+.step-column{
     display:flex; 
-    flex-direction:row; 
-    align-items:center;
-}
-.step-image{
-    width:100%; 
-    display:flex; 
-    flex-direction:column; 
-    align-items:center;
+    align-content: center;
+    justify-content: center;
 }
diff --git a/examples/lib/defaultHtmlStepUi.js b/examples/lib/defaultHtmlStepUi.js
index 7edfeee3..94560566 100644
--- a/examples/lib/defaultHtmlStepUi.js
+++ b/examples/lib/defaultHtmlStepUi.js
@@ -26,9 +26,9 @@ function DefaultHtmlStepUi(_sequencer, options) {
     step.ui =
       '\
       <div class="container">\
-    <div class="row step" style="display:flex">\
+    <div class="row step">\
     <form class="input-form">\
-    <div class="col-md-4 details" style="flex:1">\
+    <div class="col-md-4 details">\
     <h3>\
     <span class = "toggle">' +step.name + ' <i class="fa fa-caret-up toggleIcon" aria-hidden="true"></i></span>' +
     '<span class="load-spin" style="display:none;"><i class="fa fa-circle-o-notch fa-spin"></i></span>' +
@@ -39,9 +39,7 @@ function DefaultHtmlStepUi(_sequencer, options) {
     </form>\
     <div class="col-md-8 cal step-column">\
       <div class="load" style="display:none;"><i class="fa fa-circle-o-notch fa-spin"></i></div>\
-      <div class="step-image">\
         <a><img alt="" class="img-thumbnail step-thumbnail"/></a>\
-      </div>\
     </div>\
     </div>\
     </div>\