From b933029a9a89e02f73d7223d05ed98b3bb5eb7ac Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandyscarney@gmail.com>
Date: Thu, 28 Jan 2016 12:09:15 -0500
Subject: [PATCH] docs(demos): prettify the platform demo

---
 demos/platform/app.html  |  1 -
 demos/platform/main.html | 46 ++++++++++++++++++++++++++++++++++++----
 2 files changed, 42 insertions(+), 5 deletions(-)

diff --git a/demos/platform/app.html b/demos/platform/app.html
index 5f6bb33d68..776be9a94a 100644
--- a/demos/platform/app.html
+++ b/demos/platform/app.html
@@ -1,2 +1 @@
 <ion-nav id="nav" [root]="rootPage" #content></ion-nav>
-<ion-overlay></ion-overlay>
\ No newline at end of file
diff --git a/demos/platform/main.html b/demos/platform/main.html
index f311624360..8bb28195c0 100644
--- a/demos/platform/main.html
+++ b/demos/platform/main.html
@@ -2,15 +2,53 @@
   <ion-title>Platform</ion-title>
 </ion-navbar>
 
-<ion-content padding>
+<ion-content class="platform-demo">
+  <p margin class="note">Change Devices to Update the Platform Values</p>
 
   <ion-row>
-    <b>.is('android'):</b> {{isAndroid}}
+    <ion-col><b>Name</b></ion-col>
+    <ion-col><b>Value</b></ion-col>
   </ion-row>
   <ion-row>
-    <b>.is('ios'):</b> {{isIos}}
+    <ion-col>
+      <pre>platform.is('android')</pre>
+    </ion-col>
+    <ion-col>
+      <pre>{{isAndroid}}</pre>
+    </ion-col>
   </ion-row>
   <ion-row>
-    <b>.userAgent():</b> {{userAgent}}
+    <ion-col>
+      <pre>platform.is('ios')</pre>
+    </ion-col>
+    <ion-col>
+      <pre>{{isIos}}</pre>
+    </ion-col>
   </ion-row>
+  <ion-row>
+    <ion-col>
+      <pre>platform.userAgent()</pre>
+    </ion-col>
+    <ion-col>
+      <pre>{{userAgent}}</pre>
+    </ion-col>
+  </ion-row>
+
 </ion-content>
+
+<style>
+  .platform-demo pre {
+    background: #f8f8f8;
+    font-size: 13px;
+    min-height: 40px;
+    padding: 4px;
+    margin-top: 0;
+    border: 1px solid #ddd;
+    border-radius: 2px;
+  }
+
+  .platform-demo .note {
+    color: #444;
+    font-style: italic;
+  }
+</style>