austin
I'm sorry but i'm going to have to end up adding a third post to this form.
I fixed the first problem i was having but now i have another.
The log in and leader boards are EXTREMELY large. I cant figure out how to make these windows smaller because they are unnecessarily big on the iPhone 5. When i try them in Google Chrome they function properly (normal size)
How do i fix this problem?
On a side note, i'm having a little trouble correctly displaying the users name in a text field. It works sometimes, but often it changes to "" (nothing) or "Anonymous".
I got around this large UI issue using the custom css, login in to clay.io and go to the settings for your app, scroll down to the bottom and set the custom framed css to something like this:
body{font-size: 0.5em;}
#clay-login form .form-row label
{
height:2em;
}
#clay-login form .form-row input[type=text], #clay-login form .form-row input[type=password]
{
height:2em;
}
#clay .instructions {width:100%;}
and set the unframed css to something like this:
.clay #clay-leaderboard-wrapper table tr td, #clay #clay-leaderboard-wrapper table tr td {
font-size:0.4em;
}
you only need the unframed one for stuff like the leaderboard
this css will resize things down and use a more dyanmic approach to sizing the elements, please note i havent gone as far as making changes to the create account form, but if you use Chrome's element inspector you will be able to see the names of the rest of the css elements you will need to change