Aside left working better

ionic/components/aside/test/basic/index.js

@@ -2,14 +2,14 @@ import {bootstrap} from 'angular2/angular2'
 import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
 import {View} from 'angular2/src/core/annotations_impl/view';
 
-import {Aside} from 'ionic/components/aside/aside';
+import {Aside, List, Item, Content, Button} from 'ionic/ionic';
 
 
 @Component({
   selector: 'ion-app'
 })
 @View({
-  directives: [Aside, Content],
+  directives: [Aside, Content, List, Item],
   templateUrl: 'main.html'
 })
 class IonicApp {

ionic/components/aside/test/basic/main.html

@@ -1,19 +1,36 @@
 <ion-view>
-  <ion-aside [content]="content" style="text-align:center;">
-    Left!
-    <p>...</p>
-    <p>...</p>
-    <p>...</p>
+  <ion-aside [content]="content" style="background-color: red">
+    <!--
+    <ion-list inset>
+      <div class="list-header">
+        Menu
+      </div>
+      <ion-item>
+        About
+      </ion-item>
+      <ion-item>
+        Specials
+      </ion-item>
+      <ion-item>
+        Beer
+      </ion-item>
+      <ion-item>
+        Potatoes
+      </ion-item>
+    </ion-list>
+  -->
   </ion-aside>
 
   <ion-content #content>
-    HELLO, content!
+
   </ion-content>
 
-  <ion-aside side="right" [content]="content" style="text-align:center;">
+  <!--
+  <ion-aside side="right" [content]="content" style="background-color: green">
     Right!
     <p>...</p>
     <p>...</p>
     <p>...</p>
   </ion-aside>
+-->
 </ion-view>