diff --git a/packages/core/src/components/item-option/item-option.scss b/packages/core/src/components/item-option/item-option.scss index a3125f6d78..6a3f15320a 100644 --- a/packages/core/src/components/item-option/item-option.scss +++ b/packages/core/src/components/item-option/item-option.scss @@ -6,14 +6,14 @@ .item-option-button { @include padding(0, .7em); - border: 0; - background: none; - color: inherit; - - height: 100%; width: 100%; + height: 100%; + border: 0; font-size: 1em; + + color: inherit; + background: none; } ion-item-options .item-option-button-inner { @@ -33,7 +33,8 @@ ion-item-options .item-option-button-inner { } .item-option-button [slot="icon-only"] { - padding: 0; + @include padding(0); + min-width: .9em; font-size: 1.8em; diff --git a/packages/core/src/components/item-options/item-options.scss b/packages/core/src/components/item-options/item-options.scss index aaa21d1257..55bd18603e 100644 --- a/packages/core/src/components/item-options/item-options.scss +++ b/packages/core/src/components/item-options/item-options.scss @@ -12,10 +12,6 @@ ion-item-options { font-size: 14px; - &.hydrated { - visibility: hidden; - } - @include multi-dir() { // scss-lint:disable PropertySpelling top: 0; @@ -38,6 +34,10 @@ ion-item-options { justify-content: flex-end; } } + + &.hydrated { + visibility: hidden; + } } ion-item-options[side=left] { diff --git a/packages/core/src/components/reorder/reorder.md.vars.scss b/packages/core/src/components/reorder/reorder.md.vars.scss index b953795c4a..4ea09014e7 100644 --- a/packages/core/src/components/reorder/reorder.md.vars.scss +++ b/packages/core/src/components/reorder/reorder.md.vars.scss @@ -7,4 +7,4 @@ $reorder-md-icon-font-size: 1.8em !default; /// @prop - Opacity of the reorder icon -$reorder-md-icon-opacity: .3 !default; \ No newline at end of file +$reorder-md-icon-opacity: .3 !default;