diff --git a/ionic/components/checkbox/checkbox.ts b/ionic/components/checkbox/checkbox.ts index 16d61c7716..2de01fbd2e 100644 --- a/ionic/components/checkbox/checkbox.ts +++ b/ionic/components/checkbox/checkbox.ts @@ -33,12 +33,14 @@ import {Form} from '../../util/form'; '(click)': 'click($event)' }, template: - '' + - '' + - '' + - '' + - '' + - '' + '
' + + '' + + '' + + '' + + '' + + '' + + '' + + '
' }) export class Checkbox { diff --git a/ionic/components/list/modes/ios.scss b/ionic/components/list/modes/ios.scss index b26ef57fb9..df6fecd18d 100644 --- a/ionic/components/list/modes/ios.scss +++ b/ionic/components/list/modes/ios.scss @@ -56,11 +56,16 @@ $list-ios-header-color: #333 !default; margin: $list-inset-ios-margin-top $list-inset-ios-margin-right $list-inset-ios-margin-bottom $list-inset-ios-margin-left; border-radius: $list-inset-ios-border-radius; - ion-header { - border-radius: inherit; + .item { + margin-top: 0; + border-top: 1px solid $item-ios-border-color; + + .item-inner { + border-top: none; + } } - .item:first-child { + .item:first-child, ion-header { margin-top: 0; border-top-right-radius: $list-inset-ios-border-radius; border-top-left-radius: $list-inset-ios-border-radius; @@ -86,3 +91,9 @@ $list-ios-header-color: #333 !default; border-width: 0; } } + +&.hairlines .list[inset] { + .item { + border-width: 0.55px; + } +} diff --git a/ionic/components/switch/switch.ts b/ionic/components/switch/switch.ts index 7db592ed57..36ed79f25f 100644 --- a/ionic/components/switch/switch.ts +++ b/ionic/components/switch/switch.ts @@ -87,12 +87,14 @@ class MediaSwitch { }, template: '' + - '' + - '' + - '' + - '' + - '' + - '', + '
' + + '' + + '' + + '' + + '' + + '' + + '' + + `
`, directives: [MediaSwitch] }) export class Switch {