AddThis

Too big space between AddThis buttons

I've got a problem with the smallest version of buttons style. There're too big gaps between icons. This is this version:

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style addthis_16x16_style">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4db6d7721a8351d5"></script>
<!-- AddThis Button END -->

I tried to customize it with CSS classes like:

.addthis_toolbox .addthis_default_style {
margin:0,0,0,0;
padding:0,0,0,0;
}

And I was playing with those values, also I was playing with "width" value under CSS but nothing seems to improve the look and nothing decreases the space between icons. What class and value should I customize under CSS to make it look properly?

4 Community Answers