added like/dislike buttons to room header

app/client/scripts/helpers.js

@@ -328,9 +328,9 @@ Template.room.helpers({
         return Chat.find({type: "global"}, {sort: {time: -1}, limit: 50}).fetch().reverse();
     },
     likes: function () {
-        var playlist = Playlists.findOne({type: Session.get("type")});
+        var playlist = Songs.find({"genres": Session.get("type")}).fetch();
         var likes = 0;
-        playlist.songs.forEach(function (song) {
+        playlist.forEach(function (song) {
             if (Session.get("currentSong") && song.mid === Session.get("currentSong").mid) {
                 likes = song.likes;
                 return;
@@ -339,9 +339,9 @@ Template.room.helpers({
         return likes;
     },
     dislikes: function () {
-        var playlist = Playlists.findOne({type: Session.get("type")});
+        var playlist = Songs.find({"genres": Session.get("type")}).fetch();
         var dislikes = 0;
-        playlist.songs.forEach(function (song) {
+        playlist.forEach(function (song) {
             if (Session.get("currentSong") && song.mid === Session.get("currentSong").mid) {
                 dislikes = song.dislikes;
                 return;

app/client/templates/room.html

@@ -7,6 +7,8 @@
                     <li><a href="#add_song_modal" class="tooltipped" data-position="bottom" data-delay="50" data-tooltip="Request a song" id="add-song-modal-button"><i class="material-icons">playlist_add</i></a></li>
                     <li><a href="#report_modal" class="tooltipped" data-position="bottom" data-delay="50" data-tooltip="Flag a song" id="report-modal-button"><i class="material-icons">flag</i></a></li>
                     <li><a id="vote-skip" class="tooltipped" data-position="bottom" data-delay="50" data-tooltip="Vote to skip this song"><i class="material-icons left">skip_next</i>{{votes}}</a></li>
+                    <li><a id="like" class="tooltipped" data-position="bottom" data-delay="50" data-tooltip="Like this song"><i class="material-icons left" style="font-size: 1.5em">thumb_up</i>{{likes}}</a></li>
+                    <li><a id="dislike" class="tooltipped" data-position="bottom" data-delay="50" data-tooltip="Dislike this song"><i class="material-icons left" style="font-size: 1.5em">thumb_down</i>{{dislikes}}</a></li>
                     {{#if isAdmin}}
                         <li><a class='dropdown-button' data-activates='admin-dropdown'><i class="material-icons">control_point</i></a></li>
                     {{/if}}
@@ -41,7 +43,7 @@
                                         <input type="range" id="volume_slider" min="0" max="100"/>
                                     </p>
                                 </form>
-                                <div class="right col s4 m2 l2">
+                                <div class="right col s4 m4 l2">
                                     <ul>
                                         <li id="like" class="left"><i id="thumbs_up"
                                                                       class="material-icons {{liked}}">thumb_up</i>