Embedded: Mobile Site: Sign in: Width

jsm0086

V2-2.2

Hey,

I've got this up and running and it's looking pretty great. However, when I sign in to the mobile site with my username and password - the width of the page increases. Does anyone know what I can do to prevent the width increase after a sign in?

jsm0086

To give a little more detail:
When I launch the forms directly - on an iphone - the view doesn't change. It only happens when I load it on my embedded page.

1) Initial load - fine.
2) Click to sign in - as the pop-up loads - the screen seems to zoom automatically - and then I need to zoom out.

jsm0086

I fixed this by adding the following into style.php:

input[type="text"]
{
font-size: 16px;
}

input[type="password"]
{
font-size: 16px;
}

It prevents the iphone from zooming when the control is clicked.