Bubble does not appear in correct location on landscape iPhone

[s1h4d0w]

The title says it all, when I open my website while holding my phone in landscape the bubble appears pointing at the bottom of the page, while the share icon is in the top right.

I'm not sure if this is something new in iOS and if the script hasn't been updated yet, but if so, could someone tell me how to add a new "location" for the bubble? I know some decent javascript but couldn't find the positions for the bubble in the scrips, but I'm sure I'm just missing it.

[s1h4d0w]

I kind of made a fix for this. Add the below code to the bottom of your css file, in de @media only screen and (orientation: landscape) part below the .ath-ios.ath-phone class.

Could someone make a pull request for this? I know very little about git.

.ath-ios11.ath-phone {
	left: auto;
	bottom: auto;
	right: 0.4em;
	top: 1.8em;
}
.ath-ios11.ath-phone:after {
	bottom: auto;
	top: -0.9em;
	left: 69%;
	z-index: 2147483641;
	box-shadow: none;
}