diff --git a/ionic/components/list/modes/ios.scss b/ionic/components/list/modes/ios.scss index fac93780fa..32bd9e7763 100644 --- a/ionic/components/list/modes/ios.scss +++ b/ionic/components/list/modes/ios.scss @@ -37,8 +37,6 @@ $list-ios-header-color: #333 !default; color: $list-ios-header-color; } - // Apply the border to the first item in the list - // whether there is a header or not ion-header, ion-item-group-title , { border-bottom: 1px solid $item-ios-border-color; diff --git a/ionic/components/list/modes/md.scss b/ionic/components/list/modes/md.scss index b6fa8b8198..97e3c94637 100644 --- a/ionic/components/list/modes/md.scss +++ b/ionic/components/list/modes/md.scss @@ -23,20 +23,32 @@ $list-md-header-color: #858585 !default; /****************/ .list { - .item-group { - + ion-header, + ion-item-group-title , { + border-bottom: 1px solid $item-md-border-color; } .item { - // margin-top: -1px; - border-bottom: 1px solid $item-md-border-color; padding-right: ($item-md-padding-right / 2); - margin-left: $item-md-padding-left; + padding-left: ($item-md-padding-left); font-size: $item-md-font-size; text-transform: none; - &:first-child { - border-top: 1px solid $item-md-border-color; + .item-inner { + border-bottom: 1px solid $item-md-border-color; + } + } + + > .item:first-child { + border-top: 1px solid $item-md-border-color; + } + + > .item:last-child, + > ion-item-sliding:last-child .item { + border-bottom: 1px solid $item-md-border-color; + + .item-inner { + border-bottom: none; } }