From 7bcda38897b76009387cf30e596fcbdfa99c545c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Yi=C4=9Fit=20FINDIKLI?= <yigitfindikli@gmail.com>
Date: Fri, 24 Dec 2021 16:00:37 +0300
Subject: [PATCH] Menu demo update

---
 .../demo/view/menu/confirmationdemo.component.ts  |  4 ++--
 src/app/demo/view/menu/paymentdemo.component.ts   |  4 ++--
 src/app/demo/view/menu/personaldemo.component.ts  |  4 ++--
 src/app/demo/view/menu/seatdemo.component.ts      |  4 ++--
 src/app/demo/view/menusdemo.component.html        | 15 ++++++---------
 5 files changed, 14 insertions(+), 17 deletions(-)

diff --git a/src/app/demo/view/menu/confirmationdemo.component.ts b/src/app/demo/view/menu/confirmationdemo.component.ts
index e4a809d..de2ba90 100644
--- a/src/app/demo/view/menu/confirmationdemo.component.ts
+++ b/src/app/demo/view/menu/confirmationdemo.component.ts
@@ -3,9 +3,9 @@ import { Component } from '@angular/core';
 @Component({
   selector: 'app-confirmationdemo',
   template: `
-  <div class="flex align-items-center py-5 px-3">
+  <div class="flex flex-column align-items-center py-5 px-3">
     <i class="pi pi-fw pi-check mr-2 text-2xl"></i>
-    <p class="m-0 text-lg">Confirmation Component Content via Child Route</p>
+    <p class="m-0 mt-5 text-center text-lg">Confirmation Component Content via Child Route</p>
   </div>
   `
 })
diff --git a/src/app/demo/view/menu/paymentdemo.component.ts b/src/app/demo/view/menu/paymentdemo.component.ts
index 39a6421..e262a3f 100644
--- a/src/app/demo/view/menu/paymentdemo.component.ts
+++ b/src/app/demo/view/menu/paymentdemo.component.ts
@@ -3,9 +3,9 @@ import { Component } from '@angular/core';
 @Component({
   selector: 'app-paymentdemo',
   template: `
-    <div class="flex align-items-center py-5 px-3">
+    <div class="flex flex-column align-items-center py-5 px-3">
       <i class="pi pi-fw pi-money-bill mr-2 text-2xl"></i>
-      <p class="m-0 text-lg">Payment Component Content via Child Route</p>
+      <p class="m-0 mt-5 text-center text-lg">Payment Component Content via Child Route</p>
     </div>
   `
 })
diff --git a/src/app/demo/view/menu/personaldemo.component.ts b/src/app/demo/view/menu/personaldemo.component.ts
index 9988593..4a405d5 100644
--- a/src/app/demo/view/menu/personaldemo.component.ts
+++ b/src/app/demo/view/menu/personaldemo.component.ts
@@ -3,9 +3,9 @@ import { Component } from '@angular/core';
 @Component({
   selector: 'app-personaldemo',
   template: `
-  <div class="flex align-items-center py-5 px-3">
+  <div class="flex flex-column align-items-center py-5 px-3">
     <i class="pi pi-fw pi-user mr-2 text-2xl"></i>
-    <p class="m-0 text-lg">Personal Component Content via Child Route</p>
+    <p class="mt-5 text-center text-lg">Personal Component Content via Child Route</p>
   </div>
   `
 })
diff --git a/src/app/demo/view/menu/seatdemo.component.ts b/src/app/demo/view/menu/seatdemo.component.ts
index 633bf40..46e8ba3 100644
--- a/src/app/demo/view/menu/seatdemo.component.ts
+++ b/src/app/demo/view/menu/seatdemo.component.ts
@@ -3,9 +3,9 @@ import { Component } from '@angular/core';
 @Component({
   selector: 'app-seatdemo',
   template: `
-    <div class="flex align-items-center py-5 px-3">
+    <div class="flex flex-column align-items-center py-5 px-3">
       <i class="pi pi-fw pi-ticket mr-2 text-2xl"></i>
-      <p class="m-0 text-lg">Seat Component Content via Child Route</p>
+      <p class="m-0 mt-5 text-center text-lg">Seat Component Content via Child Route</p>
     </div>
   `
 })
diff --git a/src/app/demo/view/menusdemo.component.html b/src/app/demo/view/menusdemo.component.html
index 5445e02..3447d60 100755
--- a/src/app/demo/view/menusdemo.component.html
+++ b/src/app/demo/view/menusdemo.component.html
@@ -21,19 +21,16 @@
     </div>
 
     <div class="col-12">
-        <div class="card flex flex-wrap">
+        <div class="card card-w-title flex flex-wrap">
+            <div class="col-12">
+                <h5>TabMenu and Steps</h5>
+                <p>TabMenu and Steps are integrated with the same child routes.</p>
+            </div>
             <div class="col-12 md:col-8">
-                <div class="card-w-title">
-                    <h5>TabMenu and Steps</h5>
-                    <p>TabMenu and Steps are integrated with the same child routes.</p>
-                </div>
-                <div class="col-12">
                     <p-tabMenu [model]="routeItems"></p-tabMenu>
                     <p-steps [model]="routeItems" styleClass="mt-5" [readonly]="false"></p-steps>
-                </div>
             </div>
-
-            <div class="col-12 md:col-4 align-self-center">
+            <div class="col-12 md:col-4 align-self-center h-full">
                 <router-outlet></router-outlet>
             </div>
         </div>