From dcc4435f1f060cfaf31b94f6c006ea8e0b598853 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=87etin?=
 <69278826+cetincakiroglu@users.noreply.github.com>
Date: Fri, 24 Dec 2021 09:07:08 +0300
Subject: [PATCH] fix steps and tabmenu

---
 src/app/demo/view/menusdemo.component.html | 36 +++++++++++++---------
 1 file changed, 21 insertions(+), 15 deletions(-)

diff --git a/src/app/demo/view/menusdemo.component.html b/src/app/demo/view/menusdemo.component.html
index 518ecb6..4781cf8 100755
--- a/src/app/demo/view/menusdemo.component.html
+++ b/src/app/demo/view/menusdemo.component.html
@@ -19,22 +19,28 @@
             <p-breadcrumb [model]="breadcrumbItems" [home]="{icon: 'pi pi-home'}"></p-breadcrumb>
         </div>
     </div>
+    
+    <div class="col-12">
+        <div class="card flex flex-wrap">
+            <div class="col-12 md:col-6 justify-content-center">
+                <div class="card-w-title">
+                    <h5>Steps</h5>
+                    <p>Steps and TabMenu are integrated with the same child routes.</p>
+                    <p-steps [model]="routeItems" [readonly]="false"></p-steps>
+                </div>
+            </div>
 
-    <div class="col-12 md:col-6">
-        <div class="card card-w-title">
-            <h5>Steps</h5>
-            <p>Steps and TabMenu are integrated with the same child routes.</p>
-            <p-steps [model]="routeItems" [readonly]="false"></p-steps>
-            <router-outlet></router-outlet>
-        </div>
-    </div>
-
-    <div class="col-12 md:col-6">
-        <div class="card card-w-title">
-            <h5>TabMenu</h5>
-            <p>Steps and TabMenu are integrated with the same child routes.</p>
-            <p-tabMenu [model]="routeItems"></p-tabMenu>
-            <router-outlet></router-outlet>
+            <div class="col-12 md:col-6 mt-5 sm:mt-0">
+                <div class="card-w-title">
+                    <h5>TabMenu</h5>
+                    <p>Steps and TabMenu are integrated with the same child routes.</p>
+                    <p-tabMenu [model]="routeItems"></p-tabMenu>
+                </div>
+            </div>
+            
+            <div class="col-12 md:col-4 mx-auto">
+                <router-outlet></router-outlet>
+            </div>
         </div>
     </div>