styling items with connectionBox (friends tab)

How can I increase the padding around the icons (and other items) within the connectionBox in the Friends tab > Your Connections?

I want to use some slightly larger icons but they become partially hidden.

I also want to change the text justification for the name of the friend.

Thanks!
David

The styling is hardcoded. I don't recommend trying to use larger images. There's also no unique ID or class on the DIVs where you'd need to change "top: 18px;" so you'd need to use CSS3, which is only supported on modern browsers. Example below with CSS3.

Hello Krileon,
I'd still like to clean it up a bit. All of the icons are jammed together with no padding.

If you could just tell me which file I'll take the risk and edit it myself.

Connections plugin can be found below. Please note we do not support core edits and can not help you in regards to editing its display. It's very possible to restyle it easily using CSS3 selectors (example in previous post).

components/com_comprofiler/plugin/user/plug_cbconnections/cb.connections.php