I had some issues with the layout and useability of the Reddit login. Basically the fields were too narrow and more frustratingly I could not set the focus to the username field.
It turns out this was because the Reddit image icon was overlaying the username field and because it was given a z-index value it meant the image was stacked on top of the username field so I could not set the focus.
The fix for these two issues was simple. Here is the modified login.css that worked for me:
.reddit-loginpanel .head {
position: relative;
background: url(../images/reddit_topper.png) top center no-repeat;
height: 188px;
margin-bottom: -78px;
}
.reddit-loginpanel .loginpanel {
background: #eee;
border: 5px solid #959595;
border-radius: 8px;
padding: 15px 2em 0 2em;
width: 40em;
}
Note the z-index issue is a bit tricky to understand. Here is a useful reference (http://philipwalton.com/articles/what...