Icon-right behavior different in Chrome & Creator


#1

Hi, I was having an issue with ions in buttons not floating right. If I have icon-right in there, it appears on the right side but it doesn’t stay flush to the right.

I noticed that in Creator they stay flush to the right when you tell them to float right. There seems to be a discrepancy. Not sure if it’s a bug. Anyone know?

I’d rather use the variable overrides or utility classes. but since it wouldn’t work, I fixed it with this, in case anyone is wondering.

I’d like to do it the proper way, so if anyone knows what is going on, please let me know. Cheers.

  .button-large-md {
    position: relative;
    
    ion-icon.icon.icon-md.ion-ios-arrow-forward {
      position: absolute;
      right: 0;
      padding-right: 16px;
  }
}

#2

Hard to answer without seeing context.