Online/Offline circle not aligned

Fastidious

Just noticed that the online/offline circle (on profile) is not aligned to the username:

Online/offline not aligned

Tested under Safari and Chromium, OS X Yosemite and El Capitan.

a_5mith

.status {
    padding-bottom: 5px;
}

Seems to fix it, but I'm not sure where else this class is used, I know it's used in posts, but doesn't seem to affect it there.

Fastidious

@a_5mith should I create an issue for this on GtiHub?

Henry Wright

@a_5mith you could do this to be sure:

.account-picture-block .status {
    padding-bottom: 5px;
}

Henry Wright

But I think the problem is the font-size property of .account-username and the vertical-align property of .status. Removing both of those will line it up. Then you can set about resizing the icon and the text. That way you don't need the padding which feels hacky.

Fastidious

@henrywright, thanks! I have an issue open on this. Please feel free to chime in. I would rather have this fixed where it should, than just patch it myself at my end.

Henry Wright

@Fastidious I just took a look through the templates and the status class is used in lots of places so removing the property might not be a good idea after all (as lots of testing will be needed). I think the padding fix might be the best option in this case.