diff --git a/ionic/components/button/button.js b/ionic/components/button/button.js index 35ac9364fa..90dbb482ef 100644 --- a/ionic/components/button/button.js +++ b/ionic/components/button/button.js @@ -14,5 +14,5 @@ export class Button { } new IonicComponent(Button, { enhanceRawElement: true, - propClasses: ['primary', 'secondary', 'danger', 'light', 'stable', 'dark', 'block'] + propClasses: ['primary', 'secondary', 'danger', 'light', 'stable', 'dark', 'block', 'clear', 'full', 'icon'] }) diff --git a/ionic/components/form/test/basic/main.html b/ionic/components/form/test/basic/main.html index 549e1ec090..906e3ed547 100644 --- a/ionic/components/form/test/basic/main.html +++ b/ionic/components/form/test/basic/main.html @@ -19,6 +19,13 @@ + + + + + diff --git a/ionic/components/item/extensions/ios.scss b/ionic/components/item/extensions/ios.scss index 38bdc6d1a6..81949c9318 100644 --- a/ionic/components/item/extensions/ios.scss +++ b/ionic/components/item/extensions/ios.scss @@ -39,4 +39,12 @@ $item-ios-border-color: $list-ios-border-color !default; color: $item-ios-accessory-color; } + .item-button { + // No left ios-style padding + padding-left: 0; + button { + width: 100%; + font-size: 1.3em; + } + } } diff --git a/ionic/components/item/item.js b/ionic/components/item/item.js index bf3b5329f9..c62265d6a1 100644 --- a/ionic/components/item/item.js +++ b/ionic/components/item/item.js @@ -54,7 +54,9 @@ export class Item { } } -new IonicComponent(Item, {}) +new IonicComponent(Item, { + propClasses: ['button'] +}) function clsSetter(el, name) { diff --git a/ionic/components/item/item.scss b/ionic/components/item/item.scss index 81ce5d5546..2227a0cd92 100644 --- a/ionic/components/item/item.scss +++ b/ionic/components/item/item.scss @@ -128,3 +128,7 @@ ion-primary-swipe-buttons { border-radius: 50%; } } + +.item-button { + +}