test(header): update header markup

src/components/button/test/block/main.html

@@ -1,7 +1,11 @@
+<ion-header>
+
+  <ion-toolbar>
+    <ion-title>Block Buttons</ion-title>
+  </ion-toolbar>
+
+</ion-header>
 
-<ion-toolbar>
-  <ion-title>Block Buttons</ion-title>
-</ion-toolbar>
 
 <ion-content padding style="text-align:center">
 

src/components/button/test/clear/main.html

@@ -1,7 +1,11 @@
+<ion-header>
+
+  <ion-toolbar>
+    <ion-title>Clear Buttons</ion-title>
+  </ion-toolbar>
+
+</ion-header>
 
-<ion-toolbar>
-  <ion-title>Clear Buttons</ion-title>
-</ion-toolbar>
 
 <ion-content padding style="text-align:center">
 

src/components/button/test/dynamic/main.html

@@ -1,15 +1,20 @@
+<ion-header>
+
+  <ion-toolbar>
+    <ion-buttons start>
+      <button [color]="isDestructive ? 'danger' : 'primary'" [outline]="isOutline">Outline</button>
+    </ion-buttons>
+    <ion-title>Default Buttons</ion-title>
+    <ion-buttons end>
+      <button [color]="isSecondary ? 'secondary' : 'primary'" [solid]="isSolid">Solid</button>
+    </ion-buttons>
+  </ion-toolbar>
+
+</ion-header>
 
-<ion-toolbar>
-  <ion-buttons start>
-    <button [color]="isDestructive ? 'danger' : 'primary'" [outline]="isOutline">Outline</button>
-  </ion-buttons>
-  <ion-title>Default Buttons</ion-title>
-  <ion-buttons end>
-    <button [color]="isSecondary ? 'secondary' : 'primary'" [solid]="isSolid">Solid</button>
-  </ion-buttons>
-</ion-toolbar>
 
 <ion-content padding>
+
   <button block [solid]="isSolid">Solid</button>
   <button block [color]="isDestructive ? 'danger' : 'primary'" [outline]="isOutline">Danger (Outline)</button>
   <button block [color]="isSecondary ? 'secondary' : 'primary'"  [clear]="isClear">Secondary (Clear)</button>
@@ -22,4 +27,5 @@
   <hr/>
   <button block outline danger (click)="unify()" class="e2eButtonDynamicUnify">Unify all buttons</button>
   <button block clear danger (click)="reset()">Reset all buttons</button>
+
 </ion-content>

src/components/button/test/full/main.html

@@ -1,6 +1,11 @@
-<ion-toolbar>
-  <ion-title>Full Buttons</ion-title>
-</ion-toolbar>
+<ion-header>
+
+  <ion-toolbar>
+    <ion-title>Full Buttons</ion-title>
+  </ion-toolbar>
+
+</ion-header>
+
 
 <ion-content>
 
@@ -34,4 +39,5 @@
     <a button full clear dark href="#">a[button][full][clear][dark]</a>
     <button full clear dark>button[full][clear][dark]</button>
   </p>
+
 </ion-content>

src/components/button/test/icons/main.html

@@ -1,7 +1,11 @@
+<ion-header>
+
+  <ion-toolbar>
+    <ion-title>Buttons Icons</ion-title>
+  </ion-toolbar>
+
+</ion-header>
 
-<ion-toolbar>
-  <ion-title>Buttons Icons</ion-title>
-</ion-toolbar>
 
 <ion-content padding>
 

src/components/button/test/raised/main.html

@@ -1,7 +1,11 @@
+<ion-header>
+
+  <ion-toolbar>
+    <ion-title>Raised Buttons</ion-title>
+  </ion-toolbar>
+
+</ion-header>
 
-<ion-toolbar>
-  <ion-title>Raised Buttons</ion-title>
-</ion-toolbar>
 
 <ion-content padding style="text-align:center">
 
@@ -38,4 +42,5 @@
   <p>
     <button raised clear disabled>Clear Disabled</button>
   </p>
+
 </ion-content>

src/components/button/test/round/main.html

@@ -1,9 +1,14 @@
+<ion-header>
+
+  <ion-toolbar>
+    <ion-title>Round Buttons</ion-title>
+  </ion-toolbar>
+
+</ion-header>
 
-<ion-toolbar>
-  <ion-title>Round Buttons</ion-title>
-</ion-toolbar>
 
 <ion-content padding>
+
   <button round>button</button>
   <button round light>button light</button>
   <button round secondary>button secondary</button>
@@ -18,6 +23,7 @@
 
 </ion-content>
 
+
 <style>
   button {
     display: block !important;

src/components/button/test/sizes/main.html

@@ -1,7 +1,11 @@
+<ion-header>
+
+  <ion-toolbar>
+    <ion-title>Button Sizes</ion-title>
+  </ion-toolbar>
+
+</ion-header>
 
-<ion-toolbar>
-  <ion-title>Button Sizes</ion-title>
-</ion-toolbar>
 
 <ion-content padding>