Improve the looks, especially when embedded in a nav, and add service icons next to names

[rantav]

Perform a few fixes to how the login URLs look when multiple logins and in bootstrap's navbar. Plus, add service icons next to the names where users are already logged in (so they remember which service they used to login

http://cl.ly/image/2d2s3B3F173E http://cl.ly/image/1h2r2p280K0n http://cl.ly/image/3u2k361Z2r3J

The strange thing is - when I first started using this component, all the links sort of had the wrong looks. (such as the login link). So I started by fixing those and then continued a bit. Still it seems strange that I didn't get the correct behavior OOTB, so I figure I did something wrong, but never figured out what it was...

I only tested with multiple serivces, not a single service (and not with email-pass, just github/google).

[rantav]

oh, one small (maybe not so small) caveat with presenting the current user's logged in service (this http://cl.ly/image/1h2r2p280K0n) is that when we publish the users collection we need to publish something in the services. For example I have: (coffee)

Meteor.publish "users", ->
  Meteor.users.find {},
    fields:
      profile: 1
      'services.google.picture': 1
      'services.github.picture': 1 # This one's prepopulated at Accounts.onCreateUser since github by default does not add the picture (avatar) url

I haven't found another way to check what's the current user's logged in service name other then that. But I'm fairly new with meteor so maybe there's a better way to achieve this without requiring modifications to the app.