From 537f540dde8fa56a5e347df24f73681a0a1c0772 Mon Sep 17 00:00:00 2001
From: cagataycivici <cagatay.civici@gmail.com>
Date: Mon, 11 May 2020 13:50:09 +0300
Subject: [PATCH] Updates steps demo

---
 src/views/card/CardDemo.vue      | 17 ++++++++++++-----
 src/views/card/CardDoc.vue       |  8 ++++----
 src/views/steps/PaymentDemo.vue  |  4 +++-
 src/views/steps/PersonalDemo.vue |  4 +++-
 src/views/steps/SeatDemo.vue     |  4 +++-
 src/views/steps/StepsDoc.vue     | 13 ++++++++++---
 6 files changed, 35 insertions(+), 15 deletions(-)

diff --git a/src/views/card/CardDemo.vue b/src/views/card/CardDemo.vue
index 26102e379..a8e9416b4 100755
--- a/src/views/card/CardDemo.vue
+++ b/src/views/card/CardDemo.vue
@@ -13,8 +13,8 @@
                     Simple Card
                 </template>
                 <template slot="content">
-                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae numquam deserunt
-                    quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque quas!
+                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae numquam deserunt
+                    quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque quas!</p>
                 </template>
             </Card>
 
@@ -26,8 +26,8 @@
                     Advanced Card
                 </template>
                 <template slot="content">
-                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae numquam deserunt
-                    quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque quas!
+                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae numquam deserunt
+                    quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque quas!</p>
                 </template>
                 <template slot="footer">
                     <Button icon="pi pi-check" label="Save" class="p-button-raised" />
@@ -48,4 +48,11 @@ export default {
         'CardDoc': CardDoc
     }
 }
-</script>
\ No newline at end of file
+</script>
+
+<style lang="scss" scoped>
+p {
+    line-height: 1.5;
+    margin: 0;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/card/CardDoc.vue b/src/views/card/CardDoc.vue
index d5b3754dd..e6ffca2ad 100755
--- a/src/views/card/CardDoc.vue
+++ b/src/views/card/CardDoc.vue
@@ -86,8 +86,8 @@ import Card from 'primevue/card';
         Simple Card
     &lt;/template&gt;
     &lt;template slot="content"&gt;
-        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae numquam deserunt
-        quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque quas!
+        &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae numquam deserunt
+        quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque quas!&lt;/p&gt;
     &lt;/template&gt;
 &lt;/Card&gt;
 
@@ -99,8 +99,8 @@ import Card from 'primevue/card';
         Advanced Card
     &lt;/template&gt;
     &lt;template slot="content"&gt;
-        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae numquam deserunt
-        quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque quas!
+        &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae numquam deserunt
+        quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque quas!&lt;/p&gt;
     &lt;/template&gt;
     &lt;template slot="footer"&gt;
         &lt;Button icon="pi pi-check" label="Save" class="p-button-raised" /&gt;
diff --git a/src/views/steps/PaymentDemo.vue b/src/views/steps/PaymentDemo.vue
index 59b1892f8..dfaa0302b 100755
--- a/src/views/steps/PaymentDemo.vue
+++ b/src/views/steps/PaymentDemo.vue
@@ -4,8 +4,10 @@
             <template slot="title">
                 Payment Information
             </template>
+            <template slot="subtitle">
+                Enter your card details
+            </template>
             <template slot="content">
-                <p class="p-text-secondary">Enter your card details</p>
                 <div class="p-fluid p-formgrid p-grid">
                     <div class="p-field p-col-12">
                         <label for="class">Class</label>
diff --git a/src/views/steps/PersonalDemo.vue b/src/views/steps/PersonalDemo.vue
index a512e6b76..9ff614a72 100755
--- a/src/views/steps/PersonalDemo.vue
+++ b/src/views/steps/PersonalDemo.vue
@@ -4,8 +4,10 @@
             <template slot="title">
                 Personal Information
             </template>
+            <template slot="subtitle">
+                Enter your personal information
+            </template>
             <template slot="content">
-                <p class="p-text-secondary">Enter your information</p>
                 <div class="p-fluid">
                     <div class="p-field">
                         <label for="firstname">Firstname</label>
diff --git a/src/views/steps/SeatDemo.vue b/src/views/steps/SeatDemo.vue
index 7c35001c4..266fe17cf 100755
--- a/src/views/steps/SeatDemo.vue
+++ b/src/views/steps/SeatDemo.vue
@@ -4,8 +4,10 @@
            <template slot="title">
                 Seat Information
             </template>
+            <template slot="subtitle">
+                Choose your seat
+            </template>
             <template slot="content">
-                <p class="p-text-secondary">Choose your seat</p>
                 <div class="p-fluid p-formgrid p-grid">
                     <div class="p-field p-col-12 p-md-6">
                         <label for="class">Class</label>
diff --git a/src/views/steps/StepsDoc.vue b/src/views/steps/StepsDoc.vue
index 07e4f2fed..2042b86b6 100755
--- a/src/views/steps/StepsDoc.vue
+++ b/src/views/steps/StepsDoc.vue
@@ -185,6 +185,9 @@ export default {
         &lt;template slot="title"&gt;
             Personal Information
         &lt;/template&gt;
+        &lt;template slot="subtitle"&gt;
+            Enter your information
+        &lt;/template&gt;
         &lt;template slot="content"&gt;
             &lt;p class="p-text-secondary"&gt;Enter your information&lt;/p&gt;
             &lt;div class="p-fluid"&gt;
@@ -258,11 +261,13 @@ export default {
 <template v-pre>
     &lt;div class="stepsdemo-content"&gt;
         &lt;Card&gt;
-           &lt;template slot="title"&gt;
+            &lt;template slot="title"&gt;
                 Seat Information
             &lt;/template&gt;
+            &lt;template slot="subtitle"&gt;
+                Choose your seat
+            &lt;/template&gt;
             &lt;template slot="content"&gt;
-                &lt;p class="p-text-secondary"&gt;Choose your seat&lt;/p&gt;
                 &lt;div class="p-fluid p-formgrid p-grid"&gt;
                     &lt;div class="p-field p-col-12 p-md-6"&gt;
                         &lt;label for="class"&gt;Class&lt;/label&gt;
@@ -341,8 +346,10 @@ export default {
         &lt;template slot="title"&gt;
             Payment Information
         &lt;/template&gt;
+        &lt;template slot="subtitle"&gt;
+            Enter your card details
+        &lt;/template&gt;
         &lt;template slot="content"&gt;
-            &lt;p class="p-text-secondary"&gt;Enter your card details&lt;/p&gt;
             &lt;div class="p-fluid p-formgrid p-grid"&gt;
                 &lt;div class="p-field p-col-12"&gt;
                     &lt;label for="class"&gt;Class&lt;/label&gt;