Shtuffs

ionic/components/form/label/label.scss

@@ -4,7 +4,8 @@ ion-label {
   display: table;
   padding: 9px 10px 7px 0px;
   max-width: 200px;
-  width: 35%;
+  width: 30%;
+  min-width: 100px;
   color: $input-label-color;
   font-size: 1.6rem;
   white-space: nowrap;

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

@@ -18,13 +18,25 @@
         <ion-label>Note</ion-label>
         <textarea control="note" type="text" placeholder="A description"></textarea>
       </ion-input>
+      <ion-input ion-item>
+        <ion-label>Note</ion-label>
+        <textarea control="note" type="text" placeholder="A description"></textarea>
+      </ion-input>
+      <ion-input ion-item>
+        <ion-label>Note</ion-label>
+        <textarea control="note" type="text" placeholder="A description"></textarea>
+      </ion-input>
+      <ion-input ion-item>
+        <ion-label>Note</ion-label>
+        <textarea control="note" type="text" placeholder="A description"></textarea>
+      </ion-input>
       <ion-switch [checked]="true">
         Ice cream?
       </ion-switch>
     </ion-list>
     <ion-list inset>
       <ion-item full>
-        <button ion-button danger clear>
+        <button type="button" ion-button danger clear (click)="deleteClicked()">
           Delete Account
         </button>
       </ion-item>

ionic/components/form/test/basic/main.js

@@ -20,6 +20,10 @@ class IonicApp {
       note : ['', Validators.required]
     });
   }
+
+  deleteClicked() {
+    alert('Deleting');
+  }
 }
 
 bootstrap(IonicApp)

ionic/components/item/extensions/ios.scss

@@ -39,10 +39,14 @@ $item-ios-border-color:          $list-ios-border-color !default;
     color: $item-ios-accessory-color;
   }
 
+  .item-subtitle {
+    width: 100%;
+    color: #808080;
+  }
   .item-full {
     // No left ios-style padding
     padding-left: 0;
-    
+
     button {
       width: 100%;
       font-size: 1.3em;

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

@@ -1,14 +1,23 @@
 
 <ion-view nav-title="List">
 
-  <ion-content>
+  <ion-content class="padding">
+
+    <ion-list inset>
+      <div class="list-header">
+        I'm a header!
+      </div>
+      <ion-item>
+        <input control="email" type="email" placeholder="Your email">
+      </ion-item>
+    </ion-list>
 
 
-    <div class="list-header">
-      List Header
-    </div>
+    <ion-list inset>
 
-    <ion-list>
+      <div class="list-header">
+        List Header
+      </div>
 
       <div class="item">
         <div class="item-content">
@@ -17,37 +26,35 @@
           </div>
         </div>
       </div>
-
+      <div class="list-footer">
+        List Footer
+      </div>
     </ion-list>
 
-    <div class="list-footer">
-      List Footer
-    </div>
-
-
-    <div class="list-header">
-      List Header
-    </div>
-
     <ion-list>
-
+      <div class="list-header">
+        List Header
+      </div>
       <div class="item">
         <div class="item-content">
           <div class="item-title">
             Item
+            <div class="item-subtitle">
+              A really cool item
+            </div>
           </div>
         </div>
       </div>
 
     </ion-list>
 
-
-    <div class="list-header">
-      List Header
-    </div>
-
     <ion-list>
 
+      <div class="list-header">
+        List Header
+      </div>
+
+
       <div class="item">
         <div class="item-content">
           <div class="item-title">

ionic/components/list/test/basic/main.js

@@ -1,12 +1,13 @@
 import {Component, View, bootstrap} from 'angular2/angular2';
 import {Content} from 'ionic/components/content/content';
 import {List} from 'ionic/components/list/list';
+import {Item} from 'ionic/components/item/item';
 
 
 @Component({ selector: '[ion-app]' })
 @View({
   templateUrl: 'main.html',
-  directives: [Content, List]
+  directives: [Content, List, Item]
 })
 class IonicApp {
   constructor() {

ionic/components/segment/segment.scss

@@ -0,0 +1,3 @@
+.ion-segment {
+  
+}