Link alignment of shared links is out

I ran into the same; the following CSS sniplet fixes the twitter and facebook share buttons:

.twitter-share-button, a.service-links-facebook-widget {
  vertical-align: middle;
}

(vertical-align: top may look nicer on your site, depends on your theme)

Great! it works like a charm!
Any idea about how to do the same with the facebook like button?
Thanks!

Long live firebug...
fixed with

li.service-links-facebook-like {
float: left !important;
}

I have the same problem and the below fixed it in firefox, but I doesn't work in google chrome. I never tried it on IE yet.

a.service-links-facebook-widget {
vertical-align: top;
}

Hi,

The below solved my problem in Google Chrome.

li.service-links-facebook-widget {
	position: relative;
	top: -7px;
}

Hmmm...for some reason this isn't working for me anymore for the .twitter-share-button class.

How do you apply this fix? Which file do you put it in?

Thanks!!!

Try the following in the main style.css:

iframe.twitter-share-button {
vertical-align: middle;
}

Can anybody how to align also google plus button? I cant find right selector :(

I found out that the iframe which is used for Facebook Like has a height of 21px while all the other elements have a height of 20px. This results in "jumping" alignment.
I had to change the value in facebook_like.js:

(function ($) {
  $(document).ready(function(){
    $('a.service-links-facebook-like').each(function(){
      var iframe_txt='<iframe src="' + $(this).attr('href').replace('http://', '//') +
        '" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:' +
        Drupal.settings.ws_fl.width + 'px; height:20px;"' + ' allowTransparency="true"></iframe>';

      $(this).replaceWith(iframe_txt);
    });
  });
})(jQuery);

fixed #10, and added more info here: http://servicelinks.altervista.org/?q=about/troubleshooting