layout messed up

Question

When you position the widget in the “side panel”, with “list view” checked, the layout is all messed up depending on its position.

The positions at which the layout is ok are :
“SIDE PANEL” + “LAST”
“SIDE PANEL” + “TOP”
“SIDE PANEL” + “BELOW SIDEBAR BOX”

The widget layout is messed up with :
“SIDE PANEL” + “BELOW CATEGORIES”
“SIDE PANEL” + “BELOW CATEGORIES-AFTER TAG CLOUD”
“SIDE PANEL” + “BELOW CATEGORIES-AFTER ACTIVITY COUNT”

With IE8, navigating from one page to another, the widget layout has also some strange behaviours (it moves up and down when you mouseover)

Answer 1

Here you can modify css to resolve the issue

in qa-new-members.css fild from new-membres-widget folder

on line #101 find below

.qa-new-members-list li.qa-new-member-avatar{
    padding:5px 0;
    border-bottom:1px solid #ddd;
    border-top:1px solid #fafafa;
}

Modify with

.qa-new-members-list li.qa-new-member-avatar{
    padding:12px 0;
    border-bottom:1px solid #ddd;
    border-top:1px solid #fafafa;
}

on line #106 find below

.qa-new-members-list li.qa-new-member-avatar:first-child{
    border-top:none;
}

add after

.qa-new-members-list .qa-avatar-box{
    padding: 0;
}

This should resolve all alignment issue. Once fixed please select this as a fixed so other can refer it.

Comments

The solution works !
Thanks
There is still the minor issue on IE8 : when you mouseover on the first time, the icons re-arrange themselves (I can notice that no background is displayed on hover on IE8, while on Chrome and Firefox there is one; is it related ?), but for me it's a secondary problem since IE8 is an "old" browser and I've not tested it on iE9 yet. I'll open another ticket if needed. Thanks

---

Okay will have a look and update the fix here.