Stepper: set height=580px for all 3 demos (DevExpress#29689)

Author: ksercs

apps/demos/Demos/Stepper/FormIntegration/Angular/app/app.component.css

@@ -1,13 +1,13 @@
 ::ng-deep .demo-container {
-  min-height: 480px;
+  min-height: 580px;
 }
 
 ::ng-deep demo-app {
   display: flex;
   flex-direction: column;
   justify-content: center;
   row-gap: 20px;
-  height: 480px;
+  height: 580px;
   min-width: 620px;
 }
 

apps/demos/Demos/Stepper/FormIntegration/React/styles.css

@@ -1,13 +1,13 @@
 .demo-container {
-    min-height: 480px;
+    min-height: 580px;
 }
 
 #app {
     display: flex;
     flex-direction: column;
     justify-content: center;
     row-gap: 20px;
-    height: 480px;
+    height: 580px;
     min-width: 620px;
 }
 

apps/demos/Demos/Stepper/FormIntegration/ReactJs/styles.css

@@ -1,13 +1,13 @@
 .demo-container {
-    min-height: 480px;
+    min-height: 580px;
 }
 
 #app {
     display: flex;
     flex-direction: column;
     justify-content: center;
     row-gap: 20px;
-    height: 480px;
+    height: 580px;
     min-width: 620px;
 }
 

apps/demos/Demos/Stepper/FormIntegration/Vue/App.vue

@@ -196,15 +196,15 @@ function onNextButtonClick() {
 
 <style scoped>
 .demo-container {
-  min-height: 480px;
+  min-height: 580px;
 }
 
 #app {
   display: flex;
   flex-direction: column;
   justify-content: center;
   row-gap: 20px;
-  height: 480px;
+  height: 580px;
   min-width: 620px;
 }
 

apps/demos/Demos/Stepper/FormIntegration/jQuery/styles.css

@@ -3,7 +3,7 @@
     flex-direction: column;
     justify-content: center;
     row-gap: 20px;
-    height: 480px;
+    height: 580px;
     min-height: 480px;
     min-width: 620px;
 }

apps/demos/Demos/Stepper/Overview/Angular/app/app.component.css

@@ -5,7 +5,7 @@
 
 ::ng-deep .stepper-demo {
   display: flex;
-  height: 700px;
+  height: 580px;
   gap: 20px;
 }
 

apps/demos/Demos/Stepper/Overview/React/styles.css

@@ -5,7 +5,7 @@
 
 .stepper-demo {
   display: flex;
-  height: 700px;
+  height: 580px;
   gap: 20px;
 }
 

apps/demos/Demos/Stepper/Overview/ReactJs/styles.css

@@ -5,7 +5,7 @@
 
 .stepper-demo {
   display: flex;
-  height: 700px;
+  height: 580px;
   gap: 20px;
 }
 

apps/demos/Demos/Stepper/Overview/Vue/App.vue

@@ -192,7 +192,7 @@ function onNavigationModeClick(e: DxButtonGroupTypes.ItemClickEvent) {
 
 .stepper-demo {
   display: flex;
-  height: 700px;
+  height: 580px;
   gap: 20px;
 }
 

apps/demos/Demos/Stepper/Overview/jQuery/styles.css

@@ -1,6 +1,6 @@
 .stepper-demo {
   display: flex;
-  height: 700px;
+  height: 580px;
   gap: 20px;
 }