bug: Different padding for go back button in device

[manucorporat]

Type: bug

Ionic Version: 2.x

Platform: ios 9 webview

This issue is similar to #5149 but in this case the root of the problem is different.

There is just one element (the "go back" button) that is placed differently when running in browser or in device.

Not sure what it is causing it, but I think it cannot be fixed by hard coding a new padding value, it would not fix the root of the problem.

[brandyscarney]

I'm not sure what you mean. What is it different from? The native back button?

[manucorporat]

@brandyscarney sorry.
In the left side it's safari (I can confirm that it looks the same in chrome), in the right side it is the iOS simulator running the "ionic app" through cordova. So, no native stuff today :) Exactly same thing running in two different places.

The difference is the vertical alignment of the "< Back" button when running in the device (right image). I wonder if this is a symptom of a more important issue, since the bar title is placed in the same position. The only affected item is the Go Back button.

In the image, I aligned both windows and added a black guide for easy comparing.

[brandyscarney]

Oh ok thank you. I understand now. We'll look into this soon. :)

[manucorporat]

@brandyscarney great!
btw, here some more info I just got:

It also looks correctly in the iOS's safari when opened as an website.
I guess it is a issue related to the status bar padding?

[manucorporat]

@brandyscarney @adamdbradley closed by #5392