From e5caeb9b8f266b2eef29db663c2b9c9687a900b7 Mon Sep 17 00:00:00 2001
From: Max Lynch <max@drifty.com>
Date: Tue, 23 Jun 2015 14:20:20 -0500
Subject: [PATCH] Itme CSS

---
 ionic/components/aside/test/basic/main.html | 12 +++---------
 ionic/components/item/item.js               | 21 +++++++++++++++++----
 ionic/components/list/extensions/ios.scss   |  6 +-----
 3 files changed, 21 insertions(+), 18 deletions(-)

diff --git a/ionic/components/aside/test/basic/main.html b/ionic/components/aside/test/basic/main.html
index d19ab47263..7022956af0 100644
--- a/ionic/components/aside/test/basic/main.html
+++ b/ionic/components/aside/test/basic/main.html
@@ -1,11 +1,6 @@
 <ion-view>
-  <ion-aside [content]="content" style="background-color: red">
-    <h2 style="color: white">LEFT</h2>
-    <!--
+  <ion-aside [content]="content">
     <ion-list inset>
-      <div class="list-header">
-        Menu
-      </div>
       <ion-item>
         About
       </ion-item>
@@ -19,11 +14,10 @@
         Potatoes
       </ion-item>
     </ion-list>
-  -->
   </ion-aside>
 
-  <ion-content #content style="background-color: blue">
-    <h2 style="color: white">HELLO</h2>
+  <ion-content #content>
+    <h2>Content</h2>
   </ion-content>
 
   <!--
diff --git a/ionic/components/item/item.js b/ionic/components/item/item.js
index a21cb02166..5251a997e6 100644
--- a/ionic/components/item/item.js
+++ b/ionic/components/item/item.js
@@ -4,12 +4,11 @@ import {View} from 'angular2/src/core/annotations_impl/view';
 
 import {ItemPrimaryOptions, ItemSecondaryOptions} from './item-options'
 import {ItemPrimarySwipeButtons, ItemSecondarySwipeButtons} from './item-swipe-buttons'
+import {IonicComponent} from '../../config/component'
 import {dom} from 'ionic/util'
 
 
-@Component({
-  selector: 'ion-item'
-})
+@IonicComponent(Item)
 @View({
   template: `
     <!--
@@ -30,15 +29,29 @@ import {dom} from 'ionic/util'
     <content select="ion-secondary-options"></content>
     <content select="ion-secondary-swipe-buttons"></content>
     -->
-  `,
+  `
+  /*
   directives: [
     ItemPrimarySwipeButtons,
     // ItemSecondarySwipeButtons,
     // ItemPrimaryOptions,
     // ItemSecondaryOptions
   ]
+  */
 })
 export class Item {
+  static get config() {
+    return {
+      selector: 'ion-item',
+      properties: [
+      ]
+    }
+  }
+
+  onInit() {
+    Item.applyConfig(this);
+  }
+
   constructor(elementRef: ElementRef) {
     this._isOpen = false;
     this._isSlideActive = false;
diff --git a/ionic/components/list/extensions/ios.scss b/ionic/components/list/extensions/ios.scss
index 56d675789e..3032686a6d 100644
--- a/ionic/components/list/extensions/ios.scss
+++ b/ionic/components/list/extensions/ios.scss
@@ -14,11 +14,7 @@ $list-ios-footer-font-size:      1.4rem !default;
 $list-ios-footer-color:          #8f8f94 !default;
 
 
-.platform-ios {
-
-  .list {
-  }
-
+.list.list-ios {
   // Add the hairline to the top of the first item
   .item:first-of-type {
     @include hairline(top, $list-ios-border-color, $z-index-list-border);