Styling usergroups legend

Hello,


I have two question one question about this topic.
How can i change my usergroups to this topic, see the screenshot.

My usergroups sitting too close to each other.
I'm working on a testing forum for béta testers only i can give you access to this forum of course.

Url to my testing forum: -removes at Joost-
I will send you a PB to the testing account.

My screenshot, i have make the second image by paint.
-removes at Joost-

--

My another question:
How can i fix this bug in my group list ?
-removes at Joost-

*Bumpt topic*

*Bumpt topic*

I registered on your forum but couldn't really see where this is happening.

I went here and I couldn't click on "Gebruikersgroepen".

I went here and was only in one group lol. So yeah. lol

Ace 1 wrote:I registered on your forum but couldn't really see where this is happening.

I went here and I couldn't click on "Gebruikersgroepen".

I went here and was only in one group lol. So yeah. lol

Hello Ace ,


I had a bug in a template i have solved this bug. You can now see the legend on my testing forum.
Many thanks for your time and help.

@Joost, add this to your CSS Stylesheet:

Code:

#groupLegend {
    display: block;
    text-align: center;
}

#groupLegend a { white-space: nowrap; }

ul.noList a { display: inline-block; margin: 3px 0; }

Lines 1-6 solve your first problem. Line 8 solves your second. Let me know if there's anything else.

@Ace 1 , wonderfull thank you!
This is solved now!