Moving comment "ip | edit | hide | block" to different spot

Nathan_A

I've tried playing with global.css to try and get the comment controls (user ip, edit | hide | block user | block comment) out of the top right corner of the post, and on the left sitting under the username, but keep failing to make it work. (although I'd probably keep the user ip in the top right, in line with the username)

to illustrate. top is what it currently is, and the bottom is what I'm aiming for:



and if the user has an icon, for it to move to the right too, so the left of the controls line up with the username


I think it's obvious that the css section below is the place to do it. I've tried playing with float tags and the display tag, but always end up having each item stacked vertically along the right hand side. Any suggestions? Cheers


.CommentIp,
.CommentEdit,
.CommentHide,
.CommentBlockUser,
.CommentBlockComment {
display: inline;
font-size: 10px;
color: #ddd;
}
.CommentIp {
padding-right: 4px;
border-right: 1px solid #eee;
margin-right: 4px;
}
.CommentHide,
.CommentBlockUser,
.CommentBlockComment {
margin-left: 4px;
border-left: 1px solid #eee;
padding-left: 4px;
}

Draku

Try this : .CommentIp { display: block; font-size: 10px; color: #ddd; } .CommentEdit, .CommentHide, .CommentBlockUser, .CommentBlockComment { display: inline; text-align: left; font-size: 10px; color: #ddd; margin-left: 4px; border-left: 1px solid #eee; padding-left: 4px; }