Header size amended on admin pages

src/components/admin/status/changeLogPage.vue

 <template>
-  <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" style="text-align:left;">Change Log</h1>
-          </div>
+  <!-- <section class="intro-single"> -->
+  <div class="container">
+    <br />
+    <br />
+    <br />
+    <br />
+    <div class="row">
+      <div class="col-md-12 col-lg-8">
+        <!-- <div class="title-single-box"> -->
+        <!-- <h1 class="title-single" style="text-align:left;">Change Log</h1> -->
+        <!-- </div> -->
+        <div class="title-box-d">
+          <h1 class="title-d" style="text-align:left; font-size: 250%">Change Log</h1>
         </div>
+        <br />
       </div>
     </div>
     <div id="table" class="col-xs-12 table-responsive">
       <datatable :columns="columns" :data="rows"></datatable>
     </div>
-  </section>
+    <br />
+  </div>
+
+  <!-- </section> -->
 </template>
 <script>
 import { mapState, mapActions } from 'vuex';

src/components/admin/status/statusPage.vue

 <template>
   <div>
-    <section class="intro-single">
-      <div class="container">
-        <div class="row">
-          <div class="col-md-12 col-lg-8">
-            <div class="title-single-box">
-              <h2 class="title-single">Status List</h2>
-            </div>
+    <!-- <section class="intro-single"> -->
+    <div class="container">
+      <br />
+      <br />
+      <br />
+      <br />
+      <div class="row">
+        <div class="col-md-12 col-lg-8">
+          <!-- <div class="title-single-box"> -->
+          <!-- <h2 class="title-single">Status List</h2> -->
+          <!-- </div> -->
+          <div class="title-box-d">
+            <h1 class="title-d" style="text-align:left; font-size: 250%">Status List</h1>
           </div>
+          <br />
         </div>
       </div>
-    </section>
+    </div>
+    <!-- </section> -->
     <div class="container">
       <table class="table table-bordered">
         <thead>

src/components/admin/status/tenderWeekAdminPage.vue

 <template>
-  <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" style="text-align:left;">Tender Week Admin</h1>
-          </div>
+  <!-- <section class="intro-single"> -->
+  <div class="container">
+    <br />
+    <br />
+    <br />
+    <br />
+    <div class="row">
+      <div class="col-md-12 col-lg-8">
+        <!-- <div class="title-single-box"> -->
+        <!-- <h1 class="title-single" style="text-align:left;">Tender Week Admin</h1> -->
+        <!-- </div> -->
+        <div class="title-box-d">
+          <h1 class="title-d" style="text-align:left; font-size: 250%">Tender Week Admin</h1>
         </div>
+        <br />
       </div>
     </div>
     <div id="table" class="col-xs-12 table-responsive">
       <datatable :columns="columns" :data="rows"></datatable>
     </div>
-  </section>
+    <br />
+  </div>
+
+  <!-- </section> -->
 </template>
 <script>
 import { mapState, mapActions } from 'vuex';

src/components/admin/status/timeshareAdminPage.vue

 <template>
-  <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" style="text-align:left;">Timeshare Admin</h1>
-          </div>
+  <!-- <section class="intro-single"> -->
+  <div class="container">
+    <br />
+    <br />
+    <br />
+    <br />
+    <div class="row">
+      <div class="col-md-12 col-lg-8">
+        <!-- <div class="title-single-box"> -->
+        <!-- <h1 class="title-single" style="text-align:left;">Timeshare Admin</h1> -->
+        <!-- </div> -->
+        <div class="title-box-d">
+          <h1 class="title-d" style="text-align:left; font-size: 250%">Timeshare Admin</h1>
         </div>
+        <br />
       </div>
     </div>
     <div id="table" class="col-xs-12 table-responsive">
       <datatable :columns="columns" :data="rows"></datatable>
     </div>
-  </section>
+  </div>
+  <!-- </section> -->
 </template>
 <script>
 import { mapState, mapActions } from 'vuex';

src/components/admin/status/userManagementPage.vue

 <template>
-  <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" style="text-align:left;">User Management</h1>
-          </div>
+  <!-- <section class="intro-single"> -->
+  <div class="container">
+    <br />
+    <br />
+    <br />
+    <br />
+    <div class="row">
+      <div class="col-md-12 col-lg-8">
+        <!-- <div class="title-single-box"> -->
+        <!-- <h1 class="title-single" style="text-align:left;">User Management</h1> -->
+        <!-- </div> -->
+        <div class="title-box-d">
+          <h1 class="title-d" style="text-align:left; font-size: 250%">User Management</h1>
         </div>
+        <br />
       </div>
     </div>
     <div id="table" class="col-xs-12 table-responsive">
       <datatable :columns="columns" :data="rows"></datatable>
     </div>
-  </section>
+  </div>
+  <!-- </section> -->
 </template>
 <script>
 import { mapState, mapActions } from 'vuex';

src/components/admin/unitConfiguration/unitConfigurationPage.vue

 <template>
   <div>
-    <section class="intro-single">
-      <div class="container">
-        <div class="row">
-          <div class="col-md-12 col-lg-8">
-            <div class="title-single-box">
-              <h2 class="title-single">Unit Configuration List</h2>
-            </div>
+    <!-- <section class="intro-single"> -->
+    <div class="container">
+      <br />
+      <br />
+      <br />
+      <br />
+      <div class="row">
+        <div class="col-md-12 col-lg-8">
+          <!-- <div class="title-single-box"> -->
+          <!-- <h2 class="title-single">Unit Configuration List</h2> -->
+          <!-- </div> -->
+          <div class="title-box-d">
+            <h1 class="title-d" style="text-align:left; font-size: 250%">Unit Configuration List</h1>
           </div>
+          <br />
         </div>
       </div>
-    </section>
+    </div>
+    <!-- </section> -->
     <div class="container">
       <table class="table table-bordered">
         <thead>