text alignment, smaller header

src/components/property/propertyPage.vue

@@ -1,17 +1,20 @@
 <template>
   <!-- eslint-disable max-len -->
   <div v-if="property">
-    <section class="intro-single">
-      <div class="container">
-        <div class="row">
-          <div class="col-md-12 col-lg-8">
-            <div class="title-single-box">
-              <h1 class="title-single">{{ property.shortDescription }}</h1>
-            </div>
+    <div class="container">
+      <br />
+      <br />
+      <br />
+      <br />
+      <br />
+      <div class="row">
+        <div class="col-md-12 col-lg-8">
+          <div class="title-box-d">
+            <h1 class="title-d" style="text-align:left;">{{ property.shortDescription }}</h1>
           </div>
         </div>
       </div>
-    </section>
+    </div>
     <!--/ Intro Single End /-->
 
     <!--/ property Single Star /-->
@@ -32,7 +35,7 @@
                 <div class="row">
                   <div class="col-sm-12">
                     <div class="title-box-d">
-                      <h3 class="title-d">Property Description</h3>
+                      <h3 class="title-d" style="text-align:left">Property Description</h3>
                     </div>
                   </div>
                 </div>
@@ -71,7 +74,7 @@
                   <div class="row">
                     <div class="col-sm-12">
                       <div class="title-box-d section-t4">
-                        <h3 class="title-d">Summary</h3>
+                        <h3 class="title-d" style="text-align:left">Summary</h3>
                       </div>
                     </div>
                   </div>
@@ -126,7 +129,7 @@
                   <div class="row section-t3">
                     <div class="col-sm-12">
                       <div class="title-box-d">
-                        <h3 class="title-d">Contact Agent</h3>
+                        <h3 class="title-d" style="text-align:left">Contact Agent</h3>
                       </div>
                     </div>
                   </div>

src/components/property/propertyeditPage.vue

@@ -22,7 +22,7 @@
       <div class="row">
         <div class="container col-md-10">
           <div class="title-box-d">
-            <h5 class="title-d">Property Overview</h5>
+            <h5 class="title-d" style="text-align:left">Property Overview</h5>
           </div>
         </div>
       </div>