Fix Misc UI issues (#62)

src/UI/Activity/History/HistoryCollection.js

@@ -50,7 +50,8 @@ var Collection = PageableCollection.extend({
     },
 
     sortMappings : {
-        'artist' : { sortKey : 'artist.sortName' }
+        'artist' : { sortKey : 'artist.sortName' },
+        'album'  : { sortKey : 'album.title' }
     },
 
     initialize : function(options) {

src/UI/Activity/History/HistoryLayout.js

@@ -35,8 +35,7 @@ module.exports = Marionette.Layout.extend({
         {
             name     : 'album',
             label    : 'Album Title',
-            cell     : AlbumTitleCell,
+            cell     : AlbumTitleCell
-            sortable : false
         },
         {
             name     : 'this',

src/UI/AlbumStudio/AlbumStudioLayout.js

@@ -42,7 +42,6 @@ module.exports = Marionette.Layout.extend({
             tooltip    : 'Toggle artist monitored status',
             sortable   : false
         },
-
         {
             name      : 'albums',
             label     : 'Albums',

src/UI/AlbumStudio/AlbumsCell.js

@@ -11,6 +11,7 @@ var AlbumCollectionView = require('./AlbumStudioCollectionView');
 
 module.exports = Marionette.Layout.extend({
     template  : 'AlbumStudio/AlbumsCellTemplate',
+    tagName   : 'td',
 
     regions : {
         albums : '#albums'

src/UI/AlbumStudio/SingleAlbumCellTemplate.hbs

@@ -1,10 +1,10 @@
 {{#if_eq statistics.totalTrackCount compare=0}}
-<span class="album album-unaired">
+<span class="single-album album-unaired">
 {{else}}
 {{#if_eq statistics.percentOfTracks compare=100}}
-<span class="album album-all">
+<span class="single-album album-all">
 {{else}}
-<span class="album album-partial">
+<span class="single-album album-partial">
 {{/if_eq}}
 {{/if_eq}}
     <span class="label">

src/UI/AlbumStudio/albumstudio.less

@@ -8,7 +8,7 @@
   }
 }
 
-.album {
+.single-album {
   display       : inline-block;
   margin-bottom : 4px;