Update list styling.

assets/css/includes/list.css.sass

@@ -17,3 +17,25 @@
       float: left
       padding: 0.5em 1em 0.5em 0
       content: counter(index,decimal-leading-zero)
+
+.song-list
+  @extend .ordered-list
+  li
+    p
+      margin: 0
+    .artist
+      font-size: 0.8em
+      white-space: nowrap
+      overflow: hidden
+      text-overflow: ellipsis
+    .title
+      font-weight: bold
+      white-space: nowrap
+      overflow: hidden
+      text-overflow: ellipsis
+    .length
+      position: absolute
+      font-size: 0.75em
+      padding: 0.8em 0
+      right: 10px
+      top: 10px

assets/css/library.css.sass

@@ -24,8 +24,10 @@
     position: absolute
     height: 100%
     @include transition(left 0.25s ease-in-out)
-    ol, ul
+    ul.root, ol.artists, ol.albums
       @extend .list
+    ol.songs
+      @extend .song-list
     div
       position: absolute
       width: $interface-width

assets/css/queue.css.sass

@@ -11,38 +11,19 @@
       top: 8px
       @include button
   ol
-    @extend .ordered-list
+    @extend .song-list
-    li
+    li.playing
-      &.playing
+      .title
-        .title
+        color: $highlight
-          color: $highlight
+      &:before
-        &:before
+        font-weight: bold
-          font-weight: bold
+      &:after
-        &:after
+        @extend .icon
-          @extend .icon
+        position: absolute
-          position: absolute
+        font-size: 1.25em
-          font-size: 1.25em
+        right: 10px
-          right: 10px
+        top: 10px
-          top: 10px
+        padding: 0.3em
-          padding: 0.3em
+        content: "playing"
-          content: "playing"
+      .length
-        .length
+        display: none
-          display: none
-  p
-    margin: 0
-  .artist
-    font-size: 0.8em
-    white-space: nowrap
-    overflow: hidden
-    text-overflow: ellipsis
-  .title
-    font-weight: bold
-    white-space: nowrap
-    overflow: hidden
-    text-overflow: ellipsis
-  .length
-    position: absolute
-    font-size: 0.75em
-    padding: 0.8em 0
-    right: 10px
-    top: 10px

public/views/library/songs.ejs

@@ -1,7 +1,9 @@
 <ol class="songs">
   <% list(items, function(song) { %>
     <li id="<%= song.attr('id') %>">
-      <%= song.attr('title') %>
+      <p class="title"><%= song.attr('title') %></p>
+      <p class="artist"><%= song.attr('artist') %></p>
+      <p class="length"><%= formatLength(song.attr('length')) %></p>
     </li>
   <% }) %>
 </ol>