Moving Icons closer together

Hello. I want to move the two middle icons, "Complete Songs" and "Soundtracks," on the following website closer together. Actually, the "Soundtracks" one more left. How do I do that? Thank you.

http://www.abigailmiller.com/store/index.php?main_page=index&cPath=2

This is predicated by the # of categories you have per row and the space is divided equally

If you will never have more than 2 you can try setting the #per row to 3 and see what it displays as

admin > config > maximum values > Categories To List Per Row

You might also add this to the bottom of your templates stylesheet.css file and see if is more to your liking

.categoryListBoxContents img {
        float: left;
        } 

kobra:

This is predicated by the # of categories you have per row and the space is divided equally

If you will never have more than 2 you can try setting the #per row to 3 and see what it displays as

admin > config > maximum values > Categories To List Per Row

You might also add this to the bottom of your templates stylesheet.css file and see if is more to your liking

.categoryListBoxContents img {
float: left;
}

It was already on 3. I changed it to 2, but nothing happened. Using "1" dropped the icons one below the other. I may have to adjust the CSS like you said. Thanks!