From 4b9a761f76544971d8dff64578b2944044633089 Mon Sep 17 00:00:00 2001
From: Drew Rygh <drew.rygh@gmail.com>
Date: Tue, 5 Jan 2016 21:15:10 -0600
Subject: [PATCH] docs(demos): update tabs demo

---
 demos/component-docs/app.scss                  |  1 +
 .../cards/advanced-weather/template.html       | 18 +++++++++---------
 demos/component-docs/icons/basic/styles.scss   |  9 ++++++---
 demos/component-docs/tabs/basic/pages.ts       |  6 +++---
 demos/component-docs/tabs/icon-text/pages.ts   |  8 ++++----
 demos/component-docs/tabs/icon/pages.ts        |  8 ++++----
 scripts/demos/index.template.html              |  3 ++-
 7 files changed, 29 insertions(+), 24 deletions(-)

diff --git a/demos/component-docs/app.scss b/demos/component-docs/app.scss
index 430cc709e4..78f6cce32c 100644
--- a/demos/component-docs/app.scss
+++ b/demos/component-docs/app.scss
@@ -148,3 +148,4 @@ body.ios img#ios-only {
   height: auto;
   z-index: 999;
 }
+
diff --git a/demos/component-docs/cards/advanced-weather/template.html b/demos/component-docs/cards/advanced-weather/template.html
index fe7ea96692..1b7c6fe1bb 100644
--- a/demos/component-docs/cards/advanced-weather/template.html
+++ b/demos/component-docs/cards/advanced-weather/template.html
@@ -19,9 +19,9 @@
   </p>
 
   <ion-tabs light class="advanced-weather-tabs" no-navbar tabbar-placement="bottom">
-    <ion-tab light tab-title="Sun" tab-icon="sunny"></ion-tab>
-    <ion-tab tab-title="Mon" tab-icon="snow"></ion-tab>
-    <ion-tab tab-title="Tue" tab-icon="cloudy"></ion-tab>
+    <ion-tab light tabTitle="Sun" tabIcon="sunny"></ion-tab>
+    <ion-tab tabTitle="Mon" tabIcon="snow"></ion-tab>
+    <ion-tab tabTitle="Tue" tabIcon="cloudy"></ion-tab>
   </ion-tabs>
 </ion-card>
 
@@ -39,9 +39,9 @@
   </p>
 
   <ion-tabs light class="advanced-weather-tabs" no-navbar tabbar-placement="bottom">
-    <ion-tab light tab-title="Tue" tab-icon="sunny"></ion-tab>
-    <ion-tab tab-title="Wed" tab-icon="partly-sunny"></ion-tab>
-    <ion-tab tab-title="Thr" tab-icon="cloudy"></ion-tab>
+    <ion-tab light tabTitle="Tue" tabIcon="sunny"></ion-tab>
+    <ion-tab tabTitle="Wed" tabIcon="partly-sunny"></ion-tab>
+    <ion-tab tabTitle="Thr" tabIcon="cloudy"></ion-tab>
   </ion-tabs>
 </ion-card>
 
@@ -59,9 +59,9 @@
   </p>
 
   <ion-tabs light class="advanced-weather-tabs" no-navbar tabbar-placement="bottom">
-    <ion-tab light tab-title="Sun" tab-icon="thunderstorm"></ion-tab>
-    <ion-tab tab-title="Mon" tab-icon="rainy"></ion-tab>
-    <ion-tab tab-title="Tue" tab-icon="rainy"></ion-tab>
+    <ion-tab light tabTitle="Sun" tabIcon="thunderstorm"></ion-tab>
+    <ion-tab tabTitle="Mon" tabIcon="rainy"></ion-tab>
+    <ion-tab tabTitle="Tue" tabIcon="rainy"></ion-tab>
   </ion-tabs>
 </ion-card>
 
diff --git a/demos/component-docs/icons/basic/styles.scss b/demos/component-docs/icons/basic/styles.scss
index 58268ec460..a113615ccc 100644
--- a/demos/component-docs/icons/basic/styles.scss
+++ b/demos/component-docs/icons/basic/styles.scss
@@ -1,4 +1,7 @@
 .preview-icons {
-  font-size: 2em;
-  text-align: center;
-}
\ No newline at end of file
+  text-align: center !important;
+
+  icon {
+    font-size: 2em !important;
+  }
+}
diff --git a/demos/component-docs/tabs/basic/pages.ts b/demos/component-docs/tabs/basic/pages.ts
index c58774093d..388b6022d8 100644
--- a/demos/component-docs/tabs/basic/pages.ts
+++ b/demos/component-docs/tabs/basic/pages.ts
@@ -23,9 +23,9 @@ class TabTextPage {
 @Page({
   template: 
     '<ion-tabs class="tabs-basic">' +
-      '<ion-tab tab-title="Music" [root]="tabOne"></ion-tab>' +
-      '<ion-tab tab-title="Movies" [root]="tabTwo"></ion-tab>' +
-      '<ion-tab tab-title="Games" [root]="tabThree"></ion-tab>' +
+      '<ion-tab tabTitle="Music" [root]="tabOne"></ion-tab>' +
+      '<ion-tab tabTitle="Movies" [root]="tabTwo"></ion-tab>' +
+      '<ion-tab tabTitle="Games" [root]="tabThree"></ion-tab>' +
     '</ion-tabs>',
 })
 export class BasicPage {
diff --git a/demos/component-docs/tabs/icon-text/pages.ts b/demos/component-docs/tabs/icon-text/pages.ts
index 617fee4685..c1a54be8ef 100644
--- a/demos/component-docs/tabs/icon-text/pages.ts
+++ b/demos/component-docs/tabs/icon-text/pages.ts
@@ -28,10 +28,10 @@ class TabIconTextPage {
 @Page({
   template:
   '<ion-tabs class="tabs-icon-text">' +
-    '<ion-tab tab-icon="water" tab-title="Water" [root]="tabOne"></ion-tab>' +
-    '<ion-tab tab-icon="leaf" tab-title="Life" [root]="tabTwo"></ion-tab>' +
-    '<ion-tab tab-icon="flame" tab-title="Fire" [root]="tabThree"></ion-tab>' +
-    '<ion-tab tab-icon="magnet" tab-title="Force" [root]="tabFour"></ion-tab>' +
+    '<ion-tab tabIcon="water" tabTitle="Water" [root]="tabOne"></ion-tab>' +
+    '<ion-tab tabIcon="leaf" tabTitle="Life" [root]="tabTwo"></ion-tab>' +
+    '<ion-tab tabIcon="flame" tabTitle="Fire" [root]="tabThree"></ion-tab>' +
+    '<ion-tab tabIcon="magnet" tabTitle="Force" [root]="tabFour"></ion-tab>' +
   '</ion-tabs>',
 })
 export class IconTextPage {
diff --git a/demos/component-docs/tabs/icon/pages.ts b/demos/component-docs/tabs/icon/pages.ts
index e0bd0b514d..f26d6418f1 100644
--- a/demos/component-docs/tabs/icon/pages.ts
+++ b/demos/component-docs/tabs/icon/pages.ts
@@ -27,10 +27,10 @@ class TabIconPage {
 @Page({
   template:
   '<ion-tabs class="tabs-icon">' +
-    '<ion-tab tab-icon="contact" [root]="tabOne"></ion-tab>' +
-    '<ion-tab tab-icon="compass" [root]="tabTwo"></ion-tab>' +
-    '<ion-tab tab-icon="analytics" [root]="tabThree"></ion-tab>' +
-    '<ion-tab tab-icon="settings" [root]="tabFour"></ion-tab>' +
+    '<ion-tab tabIcon="contact" [root]="tabOne"></ion-tab>' +
+    '<ion-tab tabIcon="compass" [root]="tabTwo"></ion-tab>' +
+    '<ion-tab tabIcon="analytics" [root]="tabThree"></ion-tab>' +
+    '<ion-tab tabIcon="settings" [root]="tabFour"></ion-tab>' +
   '</ion-tabs>',
 })
 export class IconPage {
diff --git a/scripts/demos/index.template.html b/scripts/demos/index.template.html
index 8348953942..4b6737bf0d 100644
--- a/scripts/demos/index.template.html
+++ b/scripts/demos/index.template.html
@@ -7,9 +7,10 @@
 
   <link ios-href="/dist/bundles/ionic.ios.css" rel="stylesheet">
   <link md-href="/dist/bundles/ionic.md.css" rel="stylesheet">
+  <link rel="stylesheet" type="text/css" href="app.css">
 
 </head>
-<body>
+<body class="platform-cordova">
 
   <ion-app>
     <ion-loading-icon></ion-loading-icon>