diff --git a/ionic/components/item/item.scss b/ionic/components/item/item.scss index ad2822a028..3f95d63b10 100644 --- a/ionic/components/item/item.scss +++ b/ionic/components/item/item.scss @@ -36,11 +36,11 @@ align-self: stretch; } -.item-group { +ion-item-group { display: block; } -.item-group-title { +ion-item-group-title { display: block; min-height: 30px; font-weight: 500; diff --git a/ionic/components/item/modes/ios.scss b/ionic/components/item/modes/ios.scss index 24cd141de4..cf94ea37ca 100644 --- a/ionic/components/item/modes/ios.scss +++ b/ionic/components/item/modes/ios.scss @@ -30,7 +30,7 @@ $item-ios-sliding-content-bg: $background-color !default; $item-ios-sliding-transition: transform 250ms ease-in-out !default; -.item-group { +ion-item-group { ion-item-group-title { padding: $item-ios-padding-top $item-ios-padding-right $item-ios-padding-bottom $item-ios-padding-left; background-color: $item-ios-divider-bg; @@ -166,7 +166,7 @@ a.item:not([detail-none]) .item-inner, &.hairlines { .item-inner, - .item-group ion-item-group-title { + ion-item-group ion-item-group-title { border-bottom-width: 0.55px; } } diff --git a/ionic/components/item/modes/md.scss b/ionic/components/item/modes/md.scss index 8adbc1a99b..911af00569 100644 --- a/ionic/components/item/modes/md.scss +++ b/ionic/components/item/modes/md.scss @@ -32,7 +32,7 @@ $item-md-sliding-content-bg: $background-color !default; $item-md-sliding-transition: transform 250ms ease-in-out !default; -.item-group-title { +ion-item-group-title { padding: $item-md-padding-top $item-md-padding-right $item-md-padding-bottom $item-md-padding-left; background-color: $item-md-divider-bg; color: $item-md-divider-color; @@ -154,6 +154,16 @@ icon[item-left] + [text-input] { margin-left: $item-md-padding-left + ($item-md-padding-left / 2); } +ion-avatar[item-left], +ion-thumbnail[item-left] { + margin: ($item-md-padding-right / 2) $item-md-padding-right ($item-md-padding-right / 2) 0; +} + +ion-avatar[item-right], +ion-thumbnail[item-right] { + margin: ($item-md-padding-right / 2); +} + ion-avatar { min-width: $item-md-avatar-size; min-height: $item-md-avatar-size;